본문 바로가기

DESIGN7

피그마에서 같은 텍스트 스타일 (폰트, 사이즈, 굵기) 한번에 수정하는 법! 피그마에서 같은 텍스트 스타일을 한번에 선택하고 수정하는 방법은 여러가지가 있다.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.
디자이너의 시점으로 바라본 AI 최근 몇 년 동안 인공지능(AI)은 눈부신 발전을 거듭하며 다양한 산업 분야에 깊숙이 침투하고 있다. 특히 디자인 분야에서 AI의 영향력은 갈수록 확대되고 있으며, 디자이너들에게 새로운 도구와 방법론을 제공함과 동시에 전통적인 디자인 프로세스에 대한 변화를 촉진하고 있다. 본 글에서는 디자이너의 관점에서 AI를 바라보며, 이러한 변화가 디자인 실무와 창의성에 어떠한 영향을 미치는지 탐구해보고자 한다. 디자인 분야에서도 인공지능이 많이 쓰이고 있나요? AI 기술이 디자인 분야에 접목되면서, 디자이너들은 유능한 디자인 어시스턴트를 얻게 되었다. ChatGPT, Gemini 와 같은 대화형 AI로부터 아이디어를 제안받을 수도 있고, DallE너 Midjourney와 같은 생성형 AI에게 시안 제작을 요청할 수.. 2024. 2. 28.
없는 것 빼고 다 있는 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.
UX 디자인이 왜 중요한가요? ​ 우리 주변에서는 수많은 UX들이 존재한다. 과연 UX란 무엇이고 왜 중요할까? ​ UX란 무엇인가요? UX란 User Experience의 약자로 우리말로 직역하면 사용자 경험이라는 뜻이다. 사람들이 어떤 제품, 서비스, 시스템 등을 이용하는 과정에서 느끼는 전반적인 감정들을 총체적으로 표현하기 위해 만들어진 개념이다. 이 단어는 1990년대 초반 미국 MIT 미디어랩 연구원이었던 리처드 솔 워먼과 제럴드 잘트만이 처음 만들어낸 용어라고 한다. 쉽게 말해서 사람들이 어떻게 하면 편하게 이용할 수 있을지 연구하는 학문이다. UX는 사용자의 만족도, 효율성, 사용의 용이성 등 다양한 요소를 포괄한다. ​ 예를 들어, 대표적인 UX 개선 사례 중 하나는 스마트폰의 '전화 걸기' 버튼이다. 초기의 스마트폰에.. 2024. 1. 31.