피그마 플러그인

유용하게 사용하고 있는 피그마 플러그인입니다.

07.컴포넌트, 효율을 높여보자

스케치에 심볼이 있다면 피그마에는 컴포넌트가 있습니다. 컴포넌트를 이용해 재사용하는 요소들을 편리하게 관리할 수 있고, 전체 디자인 생산성을 높일 수 있습니다.

06.텍스트, 글자를 넣어보자

레이어만큼 많이 사용할 텍스트를 사용해 봅니다.

05.스타일, 레이어를 꾸며보자

색, 두께, 이미지, 그라데이션 등 다양한 시각 기법을 이용해 다양한 레이어를 어떻게 변형할 수 있는지 알아보겠습니다.

04.도형, 형태 다루기

레이어를 이해하고 나면 이제 가장 기본적으로 사용할 여러 도형들을 살펴봅니다. 원, 네모, 별 등 다양한 기본 도형을 제공하며, 원하는 모양을 직접 그릴 수도 있습니다.

03.레이어, 그래픽 툴 핵심 요소

기초 중의 기초, 레이어입니다. 그래픽 디자인 툴에서 가장 중요한 기능입니다. 폭넓게 쓰이고 있는 어도비 프로그램과 스케치에서 사용하는 것과 피그마에서 사용하는 것이 크게 다르지 않지만 조금씩 다른 지점이 있습니다.

02.인터페이스, 화면을 살펴보자

무료 플랜으로 웹사이트에 접속하셨나요? 어플리케이션을 설치할 수도 있어요. 그럼 이제 화면 구성을 살펴보고 이 툴로 무엇을 할 수 있는지 살펴봅니다.

01.피그마 시작하기

피그마는 2016년에 만들어진 웹 기반 벡터 그래픽 편집기 및 프로토타이핑 도구입니다. macOS 및 Windows 용 데스크톱 응용 프로그램에서 추가 오프라인 기능을 사용할 수 있습니다. 2020년 들어서 스케치의 대항마로써 빠르게 성장하고 있습니다.

그래서 무슨 UI 툴을 써야할까?

툴을 선택하는건 정말 어려운 문제입니다. 여러 툴이 기본 기능을 훌륭히 제공하고 있다면 더더욱. 새로운 툴은 기존의 어려움을 해결해줄 수 있는 것만 같이 보이고, 기존 툴은 문제 투성이인 것처럼 보이기도 합니다. 혹은 나한테 익숙한 툴이라서 새로운 것을 배우기 싫어서 새로운 툴을 싫어할 수도 있습니다. 툴을 배우는 것이 즐거움일 때도 있지만, 쌓아온 자산을 버리고 새롭게 쌓아 올려야 하기도 합니다. 각 툴의 속성을 나열해보고, 어떤 맥락에 더 적합할지 고민해봤습니다.

*툴 자체만을 비교하기보다는 프로덕트를 설계할 때 스케치를 이용한 워크플로우와 피그마를 이용한 워크플로우를 비교했습니다.