brunch

You can make anything
by writing

C.S.Lewis

by 기획자 첼라 Jul 23. 2021

Figma Plugin - Content Reel

기획자의 피그마 figma  피그마 플러그인 Plugin

Content Reel 은 가장 유명한 플러그인 중 하나입니다.


컨텐츠 릴은  더미 텍스트, 사용자명, 주소, 전화번호, 이메일, 아바타 이미지, 아이콘 등  화면 설계나 디자인 시 화면에 필요한 더미 데이터를 바로 적용시켜주는 플러그인입니다.  


실무 활용도 

★ ★ ★ ★ ★



*** 동영상으로도 이 플러그인의 설치/사용방법을 볼 수 있어요 :)


Figma Plugin - Content Reel




Content reel 플러그인 설치하기

Figma 앱 상단에 있는 메뉴에서 Plugins > Browse plugins in Community 를 클릭하거나




또는 Figma App의 홈으로 이동해서 Community로 이동하세요.




Figma의 강점 중 하나가 바로 이 커뮤니티입니다.

다양한 플러그인과 템플릿 파일 등 유용하게 사용할 수 있는 기능이 너무나 많답니다.

커뮤니티에서 Content reel 을 검색하고 플러그인 탭을 누르면 확인할 수 있어요. 아래 경로로 이동하셔도 됩니다.

https://www.figma.com/community/plugin/731627216655469013/Content-Reel


설치도 매우 간단합니다.  페이지 상단에 있는 Install 을 누르면 설치는 끝입니다.  정말 쉽죠?



설치한 플러그인을 호출하는 방법도 간단합니다.

아까와 같이 앱 상단의 메뉴의 Plugins 를 클릭하면 내가 Install 한 플러그인을 확인할 수 있습니다.  





또는 Figma 작업 영역에서 마우스 오른 클릭을 하면, 플러그인을 바로 실행할 수 있습니다.






Content reel 플러그인 사용하기




Content reel 에서 제공하는 더미 데이터는 매우 다양합니다.

Text, Image, Icon 을 비롯해서 직접 더미 데이터를 만들 수 있는 Add 기능을 제공하는데 역시나 제일 자주 쓰이는 것은 Text와 Image 입니다.


Text의 경우 full name, full address, date, phone number, email address 를 비롯한 문단 영역을 만들 수 있는 Lorem Ipsum 도 있습니다.

Image 는 Avatar 이미지를 비롯해서 logo, image 를 선택하여 사용할 수 있습니다.


사용방법도 매우 간단합니다.


텍스트를 적용하고자 하는 경우라면 작업 화면 내에 텍스트 레이어가 선택된 상태여야 합니다.

그리고 플러그인 화면에서 추가하고자 하는 데이터를 클릭하세요. 예를들어 email 를 선택하여 클릭하면 바로 적용이 됩니다.




Content reel 로 email 주소 데이터 입력하기



이미지의 경우에도 동일합니다.

이미지가 적용되어야 할 레이어를 작업 화면에서 선택한 후, Content reel의 image 탭에서 원하는 이미지를 클릭하면 바로 적용됩니다.








굉장히 쉽죠?

이 플러그인은 저도 작업 할때 가장 많이 사용하는 플러그인 중 하나입니다.

특히 text, image 를 가장 많이 사용합니다.

아이콘도 제공하고 있지만 Content reel 에서 제공하는 아이콘은 사실... 음.... 그다지 추천하지 않습니다.  아이콘 용도로는 다른 플러그인을 추천해드리도록 할게요 :)





#피그마 #figma #피그마플러그인 #figmaplugin #웹기획 #앱기획 #웹디자인 #contentreel




작가의 이전글 Figma 핵심! Auto Layout #2
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari