Upgrade Design. Code Less. Build More Product.
Figma Plugin Directory
Discover 5,780+ Figma plugins to supercharge your design workflow. From design systems and prototyping to accessibility and automation.
Figma Plugins listings
Unlock Accessibility with AI : Automated Design Testing & Code Generation by Adee
Import Visual Studio Code themes as Figma Variables to design efficiently.
Copy, paste, import, export CSS and Figma variables
Masterfully Address Design-to-Code Challenges Supports HTML, React, Vue, Svelte and Tailwind.
FRONT-END.AI โ From Figma to semantic HTML with the power of Generative AI
Sync Reshaped themes from React to Figma
Generate modern colors and gradients using the power of CSS
Generate a palette of colors using CSS variables.
All your config belongs to usThis plugin imports all your Tailwind colors, fonts, grids and shadowsโฆ
You can copy styles css, for text or frame, and also convert SVG.
Generate utility classes for Tailwind CSS from local style of Figma.
Encode selected nodes into Base64 and get code snippets for HTML, CSS, React, SVG, JSON, Data URI
Copy colors as CSS or Sass variables directly to your clipboard.
Customize CSS Code snippet with optional rules.
Quickly generate valid React/Typescript component from your Figma documents to that uses your spritโฆ
Export Figma designs as responsive HTML for use on web pages.
Export responsive HTML email, that works even on Outlook
Convert Tailwind Font Sizes to Figma Styles
Inspecting Figma nodes and concert properties to CSS rules
Get CSS of SelectedNode in Figma
Your basic design can be exported in HTML format for editing.
Transfer theme settings from Figma to React by converting Figma variables into a JSON format
Export designs as React code
Frequently Asked Questions About Figma Plugins
What are Figma plugins and how do they work?
Figma plugins are extensions that add extra functionality to Figma's design interface. They run within Figma and can automate repetitive tasks, add new design capabilities, connect to external services, or enhance collaboration.
What are the best free Figma plugins in 2025?
Top free Figma plugins include Unsplash (stock photos), Iconify (millions of icons), Stark (accessibility checking), Content Reel (realistic placeholder content), Figmotion (animation), and Remove BG (background removal).
How do I install Figma plugins?
Click the plugin name to visit Figma Community, then click 'Install' or 'Try it out'. Access installed plugins via Resources panel (Shift+I) or right-click menu in Figma.
Which Figma plugins are best for developers?
Developer-focused plugins include Figma to Code, Anima, Locofy, Builder.io, and CSS Inspect for code generation. Also valuable are Zeplin integration, GitHub sync, and various design token exporters.