[Figma] 유용한 Figma Plugin 소개

2021. 2. 9. 20:39Design/Figma

반응형

아래의 플러그인들은 제가 직접 사용해보고 유용했던 플러그인들입니다. 계속해서 업데이트 할 예정입니다.

1. Figma Walker

피그마 Frame을 쉽게 찾을 수 있도록 도와주는 플러그인입니다. 검색하고 선택을 하면 해당 Frame의 위치로 이동을 하고 화면 중앙에 보여줍니다.

[Figma Walker Plugin]

 

Figma - Figma Walker | Figma Walker is a new launcher for Figma. You can take any actions you want from a single input ...

Figma Community plugin — Figma Walker is a new launcher for Figma. You can take any actions you want from a single input field. 1. Search through Frames / Components / Page and jumps to the location. 2. Insert component by searching through your Master C

www.figma.com

2. Unsplash

Unsplash에 등록이 되어 있는 이미지를 쉽게 검색/추가할 수 있는 플러그인입니다.

 

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

unsplash.com

[Unsplash Plugin]

 

Figma - Unsplash | Insert beautiful images from Unsplash straight into your designs. The Unsplash License allows im...

Figma Community plugin — Insert beautiful images from Unsplash straight into your designs. The Unsplash License allows images to be used freely for both commercial and personal projects. Learn more about Unsplash at https://unsplash.com/about — Develop

www.figma.com

3. Autoflow

Figma에서 Flowchart 혹은 사이트 맵등을 그릴때 Frame끼리 선을 연결 할때 유용한 플러그인입니다.

[Autoflow Plugin]

 

Figma - Autoflow | Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn ...

Figma Community plugin — Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn between them. Run AutoflowSelect any 2 shapes whille holding down ⇧SHIFT and a line will be drawnKeep selecting until you're all w

www.figma.com

4. Iconify

Iconify에 등록되어 있는 아이콘을 쉽게 검색/추가 할수 있는 플러그인입니다.

 

Iconify - Unified icons framework

Unified icons framework One library, over 40,000 vector icons.Modern replacement for icon fonts. Fast, easy to use. There are many excellent icon sets available. Each has its own custom syntax, some are available only as fonts and almost all of them load e

iconify.design

[Iconify Plugin]

 

Figma - Iconify | Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icon...

Figma Community plugin — Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 60 icon sets containing over 50,000 icons) to Figma document as vector shapes.

www.figma.com

5. Avatars

랜덤으로 사용자의 이미지를 추가해주는 플러그인입니다. Frame을 선택한 상태에서 실행을 하면 해당 Frame 크기에 맞춰서 이미지 크기가 지정이 되고 Frame을 선택하지 않았을 경우에는 100x100 사이즈의 원형 Frame에 랜덤의 사용자 이미지가 추가됩니다.

[Avatars Plugin]

 

Figma - Avatars | Add random user avatars to your designs with one click! Select any type of element and run the p...

Figma Community plugin — Add random user avatars to your designs with one click! Select any type of element and run the plugin. It will fetch an avatar image and add it as a fill on your selected element. You can also run the plugin without anything sele

www.figma.com

6. Similayer

같은 페이지 안에 선택한 레이어와 비슷한 레이어를 찾아주는 플러그인입니다.

[Similayer Plugin]

 

Figma - Similayer | This plugin takes Figma’s in-built ‘Select all with...’ command to the next level. Select similar...

Figma Community plugin — This plugin takes Figma’s in-built ‘Select all with...’ command to the next level. Select similar layers; based on a whole range of properties. After selecting a layer, run this plugin to select all other layers based on sp

www.figma.com

7. Table Generator

Figma에서 쉽게 표를 만들 수 있게 도와주는 플러그인입니다.

[Table Generator Plugin]

 

Figma - Table Generator | It's really crucial for us as designers to use as much real data in our designs as possible. But ...

Figma Community plugin — It's really crucial for us as designers to use as much real data in our designs as possible. But adding that real data manually can become tedious and it's just an utter waste of time, particularly when it’s a table. Table Gene

www.figma.com

8. Charts

Figma에 손쉽게 차트를 만들 수 있게 도와주는 플러그인입니다.

[Charts Plugin]

 

Figma - Charts | Charts allows you to generate charts that can be added and edited within your Figma document. Cho...

Figma Community plugin — Charts allows you to generate charts that can be added and edited within your Figma document. Choose from Line, Area, Pie, Doughnut, Scatter and Bar charts. Each chart comes with its own set of configurations such as number of po

www.figma.com

9. Border

Figma의 Frame에서 Left, Right, Bottom, Top을 선택해서 선을 추가할 수 있는 플러그인입니다.

[Border Plugin]

 

Figma - Border | Quickly add single borders in Frame. Usage: 1. Open 'Border' from the plugin menu. 2. Select one...

Figma Community plugin — Quickly add single borders in Frame. Usage: 1. Open 'Border' from the plugin menu. 2. Select one or more frames. 3. Click button to toggle borders.

www.figma.com

10. Find And Replace

텍스트를 검색해서 변경을 할 수 있는 플러그인입니다.

[Find And Replace Plugin]

 

Figma - Find and Replace | Search for texts on your page and replace them just like a text editor. You can search for objec...

Figma Community plugin — Search for texts on your page and replace them just like a text editor. You can search for objects on your page by either text content or layer name. Click on the ... button next to each section to display more settings. ——

www.figma.com

11. Font Replacer

한번에 여러개의 텍스트 폰트를 변경할 수 있는 플러그인입니다.

[Font Replacer Plugin]

 

Figma - Font Replacer | Font Replacer lets you easily replace font families and font styles. First, you get an overview...

Figma Community plugin — Font Replacer lets you easily replace font families and font styles. First, you get an overview of your used font families and styles. Then you can easily try out a new font in your existing designs. This comes in handy when you

www.figma.com

12. Wireframe

와이어프레임을 쉽게 생성할 수 있도록 도와주는 플러그인입니다.

[Wireframe Plugin]

 

Figma - Wireframe | Wireframe plugin is the best for creating beautiful user flow prototypes and basic structures in ...

Figma Community plugin — Wireframe plugin is the best for creating beautiful user flow prototypes and basic structures in Figma so no other kits, files or skills required! Design & developed by Deep Joshi and Manthankumar Satani If a designer wants to si

www.figma.com

13. Find & Replace

텍스트 편집기처럼 텍스트를 찾아서 변경할 수 있는 플러그인입니다.

[Find & Replace]

 

Find & Replace | Figma Community

Figma Community plugin - I couldn't find a plugin that let me find and replace text using regular expressions, so I threw this together. Maybe you'll find it handy, too. Usage: Find and replace operates on any text found in your selection or, if you have n

www.figma.com

14. Styler

색상, 글자와 같은 스타일을 관리하는 것을 도와주는 플러그인입니다.

[Styler]

 

Styler | Figma Community

Figma Community plugin - Styler unlocks the ability to manage multiple styles at once by using modifying the layer properties. Is possible to create, remove, rename, update styles or move them from a file to another by extracting them. Tutorials by @disco_

www.figma.com

15. Downsize

이미지를 쉽고 빠르게 압축할수 있도록 도와주는 플러그인입니다.

[Downsize]

 

Downsize | Figma Community

Figma Community plugin - Compress and resize images without leaving Figma or FigJam! Smaller images help files load faster and reduce memory usage. How to use it Select anything on the canvas or keep selection empty — Downsize will find all images within

www.figma.com

16. Auto Documentation

클릭 한번으로 페이지에 있는 색상과 글꼴을 문서화 해주는 플러그인입니다.

[Auto Documentation]

 

Auto Documentation | Figma Community

Figma Community plugin - With one click, this plugin documents all of the color and font styles for you. Color documentation Documents all of the color styles defined in your file and puts them into an adjustable component. You can create your own template

www.figma.com

 

 

도움이 되셨다면 아래의 공감💛을 한번씩만 꾸욱 눌러주시면 감사하겠습니다.

728x90
반응형