brunch

You can make anything
by writing

C.S.Lewis

by 스무 Apr 15. 2022

피그마의 모든 것, 추천 플러그인 - 1

피그마의 장점 중 하나는 다양하고 강력한 플러그인이죠.

사용빈도가 높은 필수 플러그인과 더불어 제가 자주 애용하는 플러그인들을 소개해드리려고 합니다.

플러그인은 피그마 커뮤니티를 통해서 설치할 수 있으며,

단의 플러그인 도구 혹은 cmd(Ctrl) + / 를 통해 검색하여 사용할 수 있습니다.

Tip) Cmd + Option + P로 마지막에 사용한 플러그인을 재실행할 수 있음




(타이틀에 붙어있는 ★은 개인적인 유용함을 나타내는 점수로 사용)


1) Unsplash - ★

Unsplash


Unsplash는 무료로 이용 가능한 이미지 소스를 제공해주는 서비스입니다.


 사용법
1. Rectangle이나 Frame 등 이미지 삽입이 가능한 오브젝트를 선택하고 Unsplash에서 이미지를 클릭.
2. 여러 오브젝트를 한 번에 선택하고 이미지 삽입을 누르면 서로 다른 이미지들을 불러올 수도 있습니다.


https://www.figma.com/community/plugin/738454987945972471/Unsplash




2) Lorem ipsum -

Lorem ipsum

Lorem ipsum은 더미 텍스트를 삽입해주는 플러그인입니다.
굉장히 자주 사용했던 플러그인이지만 바로 아래 나오는 Faker의 등장으로 별을 하나 뺐습니다.

 사용법

1. Lorem ipsum은 단독으로는 실행이 되지 않고 텍스트 레이어를 선택하고 실행해야 합니다.

2. 체크박스가 두 개 있는데 첫 번째 체크박스는 더미 텍스트의 시작 부분을 Lorem ipsum으로 할 건지, 다른 단어로 할 건지 정할 수 있습니다.
3. 중간 부분에서 Words(단어), Sentences(문장), Paragraphs(문단)을 선택할 수 있고 Generate 버튼을 눌러 텍스트를 삽입합니다.
4. 맨 아래의 Auto-Generate는 T를 누르고 드래그하는 등 이미 지정된 텍스트 영역(fixed size)만큼 자동으로 텍스트를 채워주는 기능입니다.


https://www.figma.com/community/plugin/736000994034548392/Lorem-ipsum




3) Faker -

Faker

Faker는 Lorem ipsum과 달리 목적에 맞는 다양한 더미 텍스트를 삽입할 수 있는 플러그인입니다.

이름, 직업, 주소, 도메인 등 다양한 카테고리가 준비되어 있습니다.
사용법도 쉽고 굉장히 강력한 플러그인입니다.


 사용법

1. Faker를 실행시키고 바꿔 넣을 텍스트를 클릭한 후 원하는 카테고리를 클릭하기만 하면 끝!

https://www.figma.com/community/plugin/833836762121994814/Faker




4) SkewDat -

SkewDat

SkewDat은 도형 및 텍스트를 왜곡시켜주는 플러그인입니다.


 사용법

1. 도형 및 텍스트를 선택한 상태에서 SkewDat을 실행

2. 가로와 세로 슬라이더를 조절하여 왜곡 정도를 설정합니다.
3. Apply!


https://www.figma.com/community/plugin/741472919529947576/SkewDat




5) Blobs -

Blobs

Blobs는 Pebble 한 이미지를 랜덤으로 만들어주는 플러그인입니다.


 사용법

1. Blobs를 실행하시고 Complexity와 Uniqueness를 조정하여 오브젝트를 만들어 보세요.
2. Insert를 누르거나 새로고침을 누르면 모양이 계속 바뀝니다.


https://www.figma.com/community/plugin/739208439270091369/Blobs




5) arc -

arc

arc는 텍스트에 곡률을 주어 원호 모양으로 만들거나 완전히 동그랗게 만들 수 있는 플러그인입니다.


 사용법

1. 텍스트를 선택한 상태에서 arc를 실행합니다.
2. 슬라이더 조절하거나 혹은 하단의 Bend Strength에 숫자를 입력하여 휨 정도를 설정.
3. Apply!


https://www.figma.com/community/plugin/762070688792833472/arc




6) To path -

To path

To path는 arc와 비슷하지만 조금 다른 성격을 가지고 있는데요.
To path는 유저가 만든 path를 따라서 오브젝트를 배치해주는 플러그인입니다.
텍스트 혹은 일반 오브젝트에도 모두 적용 가능합니다.


 사용법

1. 길이 될 Path와 Path를 따라서 배치될 오브젝트를 함께 선택하세요.
2. Link를 누르면 오브젝트가 배치됩니다.
3. 적용된 이후 Count, Offset, Align 등 다양한 옵션을 조정하게 되면 이미 플러그인이 적용된 이후에도 수정이 자동으로 됩니다.


https://www.figma.com/community/plugin/751576264585242935/To-Path





작가의 이전글 피그마의 모든 것, 스크롤 편
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari