피그마8 피그마에서 같은 텍스트 스타일 (폰트, 사이즈, 굵기) 한번에 수정하는 법! 피그마에서 같은 텍스트 스타일을 한번에 선택하고 수정하는 방법은 여러가지가 있다.1. Parent Component (부모 컴포넌트)를 수정한다. 이건 미리 생성해둔 컴포넌트를 사용했을때만 가능한 방법이다.2. 텍스트 내용까지 동일한 경우, 피그마 신규 기능인 매칭 레이어 툴을 사용하여 한꺼번에 선택이 가능하다.3. 플러그인을 활용한다! 오늘은 Select Similar Text 플러그인을 활용하여 피그마에서 동일한 텍스트 스타일 (폰트, 사이즈, 굵기)을 가진 텍스트를 한번에 선택하여 수정하는 방법을 알아보겠다. 1. 먼저 텍스트를 입력한다. 2. Select Similar Text 플러그인을 검색하여 Run 한다. 3. 플러그인을 실행하면 텍스트의 폰트 사이즈, 굵기, 폰트명이 표시된다. 4... 2024. 5. 21. 피그마 신기능 '매칭 레이어' 사용법 피그마 신기능 '매칭 레이어' 사용해보셨나요?디자이너 입장에서 간만의 유용한 업데이트였다고 생각되는 기능인데요,유사한 레이어를 자동으로 선택하여 동시에 수정할 수 있는 기능, '매칭 레이어' 사용법에 대해 알아보겠습니다. 1. 두개의 프레임을 생성하여 '안녕하세요' 라고 입력한 텍스트를 복사 + 붙여넣기 해보겠습니다. 2. 둘중 하나의 프레임만 선택한 상태에서 상단의 '매칭 레이어' 도구를 선택해보겠습니다. 3. 동일한 레이어가 선택되었으면, 폰트를 바꾸어보겠습니다. 4. 이번엔 도형을 Frame 1에 추가하고 Frame 2에 붙여넣어 보겠습니다. 5. 하나의 도형만 선택한 상태로 상단에 매칭 레이어 도구를 클릭하면 동일한 요소들이 모두 선택됩니다. 그 상태에서 크기를 줄여보겠습니다. 6. 하나의.. 2024. 5. 15. 2024 상반기 피그마 신기능 소개, FigJam AI 사용법 열일하는 피그마, 2024년 상반기에도 다양한 신기능응 출시했다. 그 중 유용한 기능들과 FigJam AI 사용법을 소개한다. What’s New?코드 커넥트 베타디자인 시스템 팀이 컴포넌트 코드를 개발자 모드로 바로 가져올 수 있는 도구로, 개발자가 일관성 있고 빠르게 빌드할 수 있도록 도와준다. 타이포그래피 및 그라데이션Variable에 타이포그래피와 그라데이션이 추가되었다. 라이브러리 분석 API라이브러리 데이터 내보내기 지원을 시작했다. 매칭 레이어서로 일치하는 레이어를 한번에 선택하고, 크기 조정 및 정렬, 텍스트 변경 등을 한꺼번에 적용할 수 있다. FigJam with Al브레인스토밍을 위한 템플릿을 생성하고 콘텐츠를 정리하고 요약하는 작업을 부분적으로 자동화 해주는 Al를 도입했다. .. 2024. 4. 26. 피그마 컨퍼런스 Figma Config 2024 얼리버드 티켓 오픈! 이제는 산업 분야를 불문하고 필수 협업 도구가 된 피그마에서 매년 주최하는 Figma Config 컨퍼런스가 올해도 샌프란시스코에서 개최됩니다. 피그마 이메일 알림 서비스를 구독해두었더니 얼리버드 티켓 프로모션 관련 내용을 보내주었습니다. 링크를 타고 들어가보았습니다. 기하학적인 도형들로 구성된 Figma Config 로고가 눈에 띕니다. 랜딩페이지 색상을 녹색으로 설정했네요. 옐로우 계열의 폰트 색상과 잘 어우러지는 배경색입니다. 컨퍼런스 정보날짜 2024년 6월 26일~27일 위치 Moscone Center, San Francisco, CA, USA 참여방법 온/오프라인 티켓 가격 Early Bird : $349.50 (50%) Regular : $699 연사 라인업 컨퍼런스의 꽃인 연사 라인업을 보.. 2024. 3. 26. 없는 것 빼고 다 있는 Figma Community (피그마 커뮤니티) 사용법 | 크리에이터 팔로우 하는 법 피그마 커뮤니티 잘 활용하고 계신가요? Mock-up부터 그래픽 에셋, 가이드 문서까지 없는게 없는 피그마 커뮤니티 활용법을 알려드리겠습니다. 피그마 커뮤니티 홈 피그마 좌측 상단을 보시면 지구본 모양의 아이콘이 있습니다. 이 아이콘을 클릭하여 커뮤니티 창을 열면 중앙에 검색창과 커뮤니티 카테고리가 위치해 있습니다. 화면을 스크롤하여 하단으로 내려보면 최근 인기순으로 작업물이 나열되어 있습니다. 커뮤니티 검색하기 다시 최상단으로 돌아가 검색을 해보겠습니다. 제가 가장 자주 사용하는 'iphone mockup'을 검색해보겠습니다. 파일 둘러보기 검색 결과는 아래와 같이 보여집니다. 썸네일, 크리에이터, 사용자 수 등을 참고하여 활용할만한 리소스를 고릅니다. 파일 선택하기 썸네일만으로는 판단이 어렵기 때문에.. 2024. 2. 6. Remove BG - 피그마 배경제거 플러그인 사용법 | API Key 세팅 오늘은 배경제거 최강자 Remove BG 의 피그마 플러그인 사용법에 대해 알아보겠습니다. 포토샵과 같은 외부 배경제거 툴을 통해 이미지 배경제거 작업을 한 후 피그마로 불러오는 것은 정말 번거로운 일입니다. 다행히도 피그마 플러그인으로 캔버스를 벗어나지 않고 배경제거를 하는 방법이 있습니다. 1. 사진 불러오기 배경을 제거할 사진을 가져옵니다. 2. Remove BG 플러그인 검색 피그마 상단에 위치한 플러그인 메뉴를 선택하여 'Remove BG'를 검색합니다. 3. API Key 세팅 'Run' 버튼을 클릭하면 2가지 옵션이 뜨는데요, 그 중 하단의 'Set API Key' 를 선택합니다. 4. Remove BG 회원가입 아래와 같은 창이 뜹니다. API Key 세팅을 위해서는 먼저 회원가입을 해야 .. 2024. 2. 6. 알아두면 무조건 써먹는 피그마 플러그인 TOP3 사용법 피그마엔 더욱 효율적인 작업을 위한 플러그인이 많은데요, 그 중 제가 가장 많이 사용하는 툴 3가지를 소개해드리겠습니다. Iconify 아이코니파이는 이미 많은분들이 사용하고 계실텐데요, 방대한 양의 아이콘을 제공하는 플러그인입니다. 프로덕트 디자이너라면 필수로 저장해두어야 하는 Iconify, 지금부터 사용법을 알아보겠습니다. 1. 플러그인 메뉴 피그마 상단 메뉴바에서 아래 파란색으로 하이라이트 되어 있는 아이콘을 클릭합니다. 2. Iconify 검색 검색창에 Iconify를 검색합니다. 3. Iconify 플러그인 실행 플러그인을 클릭하면 아래와 같은 화면이 뜹니다. 아이콘의 교과서와 같은 구글의 Material Symbols 를 포함한 다양한 아이콘 콜렉션이 있습니다. 4. 아이콘 검색 플러그인 검.. 2024. 2. 5. 어도비(Adobe), 피그마(Figma) 인수 포기 그 후 인수 및 합병 취소 2022년 9월에 피그마를 200억달러(약 26조원)에 인수하겠다고 발표했던 어도비는 2023년 12월 유럽위원회와 영국경쟁시장청(CMA) 미승인을 이유로 1년 2개월 만에 합병 계획을 취소했습니다. 이 결정으로 어도비는 피그마에 계약 파기에 따른 수수료 10억 달러(약 1.3조원)을 배상할 예정입니다. 피그마가 이 수수료를 어떻게 사용할지에 대해서도 이목이 쏠리고 있습니다. 저 또한 피그마가 없는 삶을 상상할 수 없는 프로덕트 디자이너로써 이번 인수 건을 주의깊게 봐왔습니다. 전통 디자인 소프트웨어 회사인 어도비와의 합병이 디자인 협업툴의 혁신을 일으킨 피그마에게는 오히려 독이 될 수도 있을 것 같다는 걱정이 앞섰습니다. 지금껏 빠른 속도로 제품을 개선시키고 확장해왔던 피그마가 독립.. 2024. 2. 1. 이전 1 다음