Reference plugins/widgets
Plugins#
Add a simple device frame to make designs look more real
Helps to work out the logic of the mobile app, plan flows, and design wireframes
An AI-powered assistant for crafting flawless UI copy
AI copilot for designers
Bend your type!
Utilities for working with top-level frames
Generate avatars for your app design prototype with one click
Generate a simple bar chart
Visually proportional resizing icons or logos
Create beautiful, smooth shadows in Figma
Generate brand asset templates in Figma
Export and import component metadata in bulk
The home for your team’s work in progress
AI-powered design copilot that transforms text into stunning UI
Automagically organize and clean up your Figma document
Affinity mapping meets AI
Transform code snippets into fully editable Figma designs
Create a beautiful color token with contrast according to WCAG
Create recipes for working with colors and color styles systematically
Apply a custom fill color to any object in your FigJam document
Copy and create components, and replace layers with components
Effortlessly blend Contentful and Figma into your workflow
Quickly and easily evaluate color contrast for accessibility across all your artboards
Copy properties of the selected layers from the Quick Actions bar
Create radial interfaces and patterns in Figma with instantiated, rotated copies of elements
Copy and paste Auto Layout properties
Import a CSS gradient into Figma
Darken or lighten the background color of all pages in your file
Quickly find, select and edit layers without taking your hands off your keyboard
Generate business cards, certificates, or anything else you like as simply as pasting your data
Delete multiple pages at once
Bulk desaturate frames, groups and image fills in one click
Export variables to JSON files, import variables from JSON files
Recursively detach instances, remove auto layouts and detach styles
Distribute layers in a given direction and offset
Draw perfect orthogonal connectors between layers
Draw a mask under the selection
Draw a slice over the selection
Make it easier to create gradients
Create smooth gradient transitions with cubic easing functions
Create mockups in a few clicks
Create images for all social media platforms
1-click export of animation to HTML/CSS from Figma
Export your smart animation flows to GIF/Video animations in just one click
Export variables from one file and import them to another
Find layers using natural language, powered by AI
Clean frame statuses to keep you focused and your team aligned
Replace layers with library components that have a matching name
Transform your Figma components to React Native components in real time
ChatGPT in Figma
Export Figma designs to Bootstrap 5 code
Convert your Figma to React code components automatically
See your Figma variables in list, JSON, and CSS formats in both Dev mode and Design mode
Easily generate random avatars
Create images with AI
Enhance text creation and editing with AI
Apply tags to frames
Find and replace colors
Rasterize layers at a high resolution
View all your fonts directly to pick the right one for your design
Easily replace font families and font styles
Change the font via Quick Actions while preserving the font weight
Format and convert between currencies
Increase the spacing at the four edges of the frame, centering the original content
Write in Markdown or link documentation and attach it to your components
Use FigJam connectors in Figma
Apply a smooth, beautiful glow to your elements
Use Bob Ross’s happy quotes as placeholder text
Free and open source health icons
Beautiful web illustrations, with AI
Convert any website into fully editable Figma designs
Human illustration system
Automatically create variants for different icon sizes
Export icons to React, Vue and Svelte
The definitive open source icon library
iPhone 15 Pro Max devices in different styles and variations
Insert and retain the original resolution of big images
Meme generator for Figma and FigJam
Easily set the font in text layers containing both Japanese and non-Japanese characters
Convert JSON to color variables
Test your UI in different languages
Trim your text elements, removing space above capital letters and below the baseline
Quickly generate a line chart and easily populate it with random or precise data
Generate a simple line chart
Link spacing variables with your design system
Generate direct links to your selection, exported as SVG / PNG / PDF / JPG
Fill your designs with placeholders in a click
Generate dummy text for your mockups
Transform one vector into another and export it as an HTML animation
Precisely move layers
Create and export Windows icons directly from Figma
Create one or more pages via Quick Actions
Organize layers on the page
Convert filled vectors back to editable single-line vectors
Simplify your screenshot process
Create and customize beautiful design assets in an instant
Over 3,100 pixel-perfect icons
Drag-and-drop import of PDF files into Figma
Convert any PDF document into Figma designs
Inspect and manipulate color gradients using the OKLCH color space
Generates and inserts AI-generated faces
Create artwork in seconds
Generate a simple pie chart
Fill placeholders with various dog images
Create print-ready documents directly in Figma
Draw flow arrows based on prototype interactions
Create, save and reuse prototype interactions
Automatically create gamepad navigation prototypes
Apply status indicators to your layers in a flash
Generate a simple radar chart
Design radial menus in Figma
A crisp set of icons designed by Modulz
Generates hues, tints, and/or shades from a given color
Find the right words fast
Create redlines and annotations dynamically
Quickly resize your device mockups using a top-down responsive layout method
Remove the background from images 100% privately
Make vector elements sketchy and hand-drawn
Convert your design layouts to right-to-left and translate them with a single click!
Write in RTL
Companion to RTL PLZ to allow text selection and developer handoff
More than 2800 custom icons available for you, organized and for free
Quickly add a scrim over the selected layer
Select layers based on name, type, or similarity
Control nested variants instances within the selection
Precisely set the size of layers, while ignoring constraints
Share text and images to social media without leaving Figma
Skew any object in your design
Easily connect frames in Figma using customizable arrows
Sort layers by name or position
Powerful spelling and grammar inspector
Turn your Storybook or Backlight stories into a Figma UI Kit
Stretch text, vectors, and frames, and edit after
Import Style Dictionary JSON to Figma variables
Apply multiple text styles to a text layer automatically based on language character sets
Generate, edit, create variants for images using DALL-E 2
Convert FigJam table cells to sticky notes
Quickly export and import CSV copy decks
Split, normalize, and bulk copy and paste text layers
Easily switch between two color styles applied to selected layers
Quickly generate thumbnail covers for your project
Build a Table of Contents in an instant
1-click conversion from bitmap to SVG vectors
Create seamless patterns in seconds
Do text transformations directly in Figma
Code that works from anything inside Figma, in all frameworks
Remove background from images in a single click
Improves any image in Figma to make it high resolution
Upscale low resolution images using machine learning
Supercharge your variable workflows
Displays variables used in the selection
Displays variables in a table view
Fast, easy and practical powerful icon production and batch export tool
Export WebP files from Figma for Web or Android
Quickly apply flexible Auto Layout presets and align Auto Layout content
Tools to help you design XR applications