피그마 플러그인 추천 (Figma Plug-in) -1

피그마(Figma)로 와이어프레임 만들 때, 빠르게 작업할 수 있도록 도와주는 플러그인 

그 중에서도 실제로 자주 사용하는 플러그인 추천 !

 

그 전에 플러그인 설치 방법부터

빈 페이지를 만들어 오른쪽 클릭 -> plugins -> manage plugins.. 로 이동하면 Featured plugins 리스트가 나옵니다.

여기에는 몇가지만 추천되어 보여지기 때문에 모든 리스트를 보고 싶다면 오른쪽 하단의 Browse All Plugins를 클릭! 

1. Lorem ipsum

폰트, 타이포그래피, 레이아웃 같은 요소 내용에 채워주는 텍스트입니다. 막상 쓰려고 하면, Lorem ipsum 내용을 긁어와야 되는데요. 플러그인을 이용하면 원하는 길이의 텍스트를 바로 붙혀 넣을 수 있습니다.

원하는 영역에 텍스트 상자를 만들고, 오른쪽 클릭하여 Lorem ipsum 실행

옵션에서, 

(1) Begin with "Lorem ipsum.." -> Lorem ipsum 부터 시작하겠는지

(2) Close plugin after generating text -> 텍스트 생성 후 플러그인을 종료하겠는지 선택 

그리고 아래 보면 숫자 5와 dropdown 옵션이 보이죠. 여기에서, Words (단어), Sentence (문장), Paragraphs (단락) 선택하여 생성을 시킬 수 있습니다. 

또는 그냥 내가 선택한 영역에 알맞게 넣어주면 된다 하면, 맨 아래 Auto-generate (자동생성)을 누르면 됩니다.  

Figma plugin - Lorem Ipsum

2. Unsplash

원하는 영역에 임의로 이미지를 넣어야 하는데, 가지고 있는 사진이 별로 없다면 빠르게 unsplash를 이용해서 골라 넣을 수 있습니다. 

영역을 미리 만들고 해당 영역에서 오른쪽 클릭하여 Unsplash를 실행하면 Presets에서 카테고리를 선택해서 이미지를 불러올 수 있습니다. 동물, 건물, 자연, 음식, 패턴 등 다양한 종류가 있고, 클릭했을 때 이미지가 맘에 들지 않으면 반복적으로 클릭해서 변경할 수 있습니다. Search를 눌러서 카테고리를 선택하면 list 형태로도 볼 수 있습니다. 

 

 

3. Content Reel

이름, 짧은 립섬, 날짜, 주소(미국), 전화번호(미국), 금액(미화), 아이콘, 아바타를 가지고 올 때 쓰는 플러그인입니다. 사실 아이콘의 경우는 다른 플러그인을 주로 쓰기 때문에 아이콘 때문에 이 플러그인을  쓰진 않고, 보통 이름, 주소, 금액 같은 내용을 반복적으로 채워야 하는 경우에 사용합니다. 

컨텐트 릴을 실행하여 원하는 영역에 텍스트 박스 혹은 도형을 넣고 내용을 클릭하면 랜덤으로 데이터가 들어갑니다. 

Figma - Content Reel