Figma Plugins¶

月维：https://moonvy.com/figmaEX/

Funtion: Figma Tutorial

Plugin link: https://www.figma.com/community/plugin/946462257210461125/Befront

Other link:https://befront.io/

Introduction: Befront is an educational application that helps you advance your design and prototyping skills with step-by-step tutorials and interactive lessons from scratch. Our innovative plugin allows you to learn design right in Figma. Unreal, isn't it?

In our fee-paying courses you can complete both theoretical and practical lessons in Figma itself with no need to switch between Figma and Befront all the time. Every practical lesson has tasks which are auto-checked immediately for correctness by the system. Moreover, the system shows errors in order to prompt what should be changed.

Stay up to date. Learn the features, technologies and trends to be in-demand professional.

Learning Design has never been that easy and convenient!

Learn more about Befront https://befront.io

Feedback and contributions are welcome via:

info@befront.io

Funtion:

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

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/735098390272716381/Iconify

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/791103617505812222/Icons8-%E2%80%94-icons%2C-illustrations%2C-photos

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/769588393361258724/Vectary-3D-Elements

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/740272380439725040/Material-Design-Icons

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/1088610476491668236/Material-Symbols

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/744047966581015514/Feather-Icons

Other link:

Introduction:

Funtion: Locate and insert the map.

Plugin link: https://www.figma.com/community/plugin/736458162635847353/Mapsicle

Other link:

Introduction:

Funtion: Insert beautiful illustrations.

Plugin link: https://www.figma.com/community/plugin/838959511417581040/Blush

Other link:

Introduction:

Funtion: Generate shape shadows.

Plugin link: https://www.figma.com/community/plugin/1068595505353552645/Beautiful-Shadows

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/777287184344500379/Flowkit

Other link:

Introduction:

Funtion: Generate the arrow automatically.

Plugin link: https://www.figma.com/community/plugin/733902567457592893/Autoflow

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/989539821393693492/ProToFlow

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/1054060403452308301/Frame-Resizer

Other link:

Introduction:

Funtion: Align frames.

Plugin link: https://www.figma.com/community/plugin/731260060173130163/Super-Tidy

Other link:

Introduction:

Funtion: Change fonts conveniently.

Plugin link: https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/851126455550003999/Chinese-Font-Picker

Other link:

Introduction: 现在你可以在 Figma 里使用中文字体选择器（Chinese Font Picker）选择和预览系统中已安装的中文字体。

提示：

1. 使用前提是确认已安装 Figma Font Installer
2. Chinese Font Picker 基于人工对字体 PostScript 名称一一对照记录，所以目前会有遗漏。我们在尽量收录更多的字体
3. 插件因为网络等因素无法正常加载时，尝试开启科学上网并重启

Funtion:

Plugin link: https://www.figma.com/community/plugin/855541165287118497/Fonts-Changer

Other link:

Introduction:

Funtion: Color manager.

Plugin link: https://www.figma.com/community/plugin/1068919813159975006/Coolors

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/766652281834442616/Product-Planner

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/742764242781786818/Wireframe

Other link:

Introduction:

Quickly import charts.

Funtion: Generate random shapes.

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

Other link:

Introduction:

Funtion: Waves generator.

Plugin link: https://www.figma.com/community/plugin/745619465174154496/Get-Waves

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/752558325552095625/Noise

Other link:

Introduction:

Funtion:

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

Other link:

Introduction:

Funtion: Dynamically create tiling noise and textures for your fills or strokes.

Plugin link: https://www.figma.com/community/plugin/1138854718618193875/Noise-%26-Texture

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/778645840235495725/Angle-Mockups

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/786250770157843670/Mockuuups-Studio

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/817043359134136295/Mockup

Other link:

Introduction:

Funtion: Remove background via removebg.

Plugin link: https://www.figma.com/community/plugin/738992712906748191/Remove-BG

Other link:

Introduction:

API Key: https://www.remove.bg/dashboard#api-key

Funtion:

Plugin link: https://www.figma.com/community/plugin/789009980664807964/TinyImage-Compressor

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/735770583268406934/Google-Sheets-Sync

Other link:

Introduction:

Funtion: Insert and retain the original resolution of big images.

Plugin link: https://www.figma.com/community/plugin/799646392992487942/Insert-Big-Image

Other link:

Introduction:

Funtion: Export your Figma files into presentations.

Plugin link: https://www.figma.com/community/plugin/838925615018625519/Pitchdeck-Presentation-Studio

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/981500558205940871/Moonvy-%C2%B7-%E6%9C%88%E7%BB%B4

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/1105082111167032053/Figma-Section

Other link:

Introduction:

Funtion: Delivery tool

Plugin link: https://www.figma.com/community/plugin/830051293378016221/Heron-Handoff

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/750743440401413268/Easometric

Other link:

Introduction:

Funtion:

Plugin link: https://www.figma.com/community/plugin/809860933081065308/LottieFiles

Other link:

• Drag and drop your very own dotLottie (.lottie) and Lottie JSON (.json) files

• Access a library of 1000s of free Lottie animations.

• Access all your animations previewed on LottieFiles

• Insert animation frames as high quality SVGs

• Insert Lotties as GIF animations

Add a Lottie animation as a GIF:

1. Drag and drop your Lottie or select a free one from the LottieFiles library

2. Select the background color you want for your GIF

3. Click ‘Convert to GIF’

4. After the Lottie has been converted, click “Add to Figma’

5. Use ‘Prototype’ to watch your designs in action.

Add a high quality SVG animation layer:

1. Drag and drop your Lottie or select a free one from the LottieFiles library

2. Using the player bar, select the animation frame you want to insert

3. Click ‘Insert as SVG’

Funtion: Save old version of file

Plugin link: https://www.figma.com/community/plugin/734492262527930956/Time-Machine

Other link:

Introduction: Time Machine saves and organizes work that you want to look back on. You'll no longer need to manually copy a version of what you're working on to a new page to reference for later.

Any time you want to save a version, just make a selection and activate Time Machine. It'll send a copy of your selection to a page called "Time Machine" that keeps a chronological timeline of what you've saved.

Your work is organized by date and time, so you can compare side by side as your work evolves.

Funtion:

Plugin link: https://www.figma.com/community/plugin/820118309664775643/Detach-Component

Other link:

Introduction:

Funtion: Paste data from a spreadsheet into styled Figma table rows.

Plugin link: https://www.figma.com/community/plugin/781208362060364436/Table-Paste

Other link:

1. In Figma, create a table row component with a text box for each cell
2. Create a table in your mockup composed of these table row components, and select the table rows where you want the data applied
3. In Excel, select and copy your data
4. In Figma, run the plugin (Plugins > Table Paste). In the popup window, paste the data from your spreadsheet into the textarea. Click the Apply button.

The plugin applies one row of data to each selected Figma table row. The insertion order of the data will be the layer order in the Figma sidebar from bottom to top. The visual arrangement can be anything you want.