Figma plugins
| Name | Goal | Usage | Details | Link |
|---|---|---|---|---|
Unsplash | Level up | Always | Insert beautiful images from Unsplash straight into your designs. | |
Find and replace | Clean file | Always | Search for texts on your page and replace them just like a text editor. | |
User profile | Level up | Always | Enables designers to display beautiful generated avatars 📸 in your design prototype. | |
Content real | Level up | Always | Design layouts more efficiently by pulling text strings, images and icons from one palette. Content Reel lets you create custom content and share it with other Figma users. Collaboration has never been easier! | |
Coda for Figma | Connect | Often | Design with data from apps like Spotify, Wikipedia or your own custom data with this plugin. | |
Design System Organizer | Clean filePremium | Often | Bulk manage styles and components like a folder tree (rename, categorize, transfer, relink) | |
HTMK ↔ figma | Export | Often | Figma to HTML by AroicX is a plugin that can export your designs into code with no hassle. Specially useful when you’re working on a website project. | |
LottieFiles | Level up | Sometimes | Lottie animations for your designs. | |
Breakpoints | Level up | Sometimes | Breakpoints are finally in Figma as a resizable instance #frame that works even without the opened plugin window. It means that for all collaborators in your team, the Breakpoints work correctly. | |
Anima | Export | Sometimes | Go from high fidelity prototypes to developer-friendly HTML, CSS, and React. | |
Blush | Level up | Sometimes | Create and customize illustrations in your designs with Blush. Just choose a collection, pick a composition, and place it on the canvas. | |
Mapsicle | Clean file | Sometimes | Never take a screenshot of a map again! With Mapsicle, you can quickly and seamlessly place maps in your mockups. | |
Similayer | Clean file | Sometimes | 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. | |
Mockup | 3D | Sometimes | Perspective Transformation Plugin.
Select screen shape, choose component or frame and click apply to add a distort transformation. | |
Vectary 3D | 3D | Sometimes | Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. | |
Google Sheets Synch | Connect | Sometimes | Sync content from Google Sheets directly into your Figma file. |
Next up
Iconography