Instant SVG to React Code in Dev Mode
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
The plugin read elements you select and let you export them into Html with SACSS.
Export Variables and Styles from Figma to TailwindCSS (v3 and v4) configs & standard css variables.
Bricks is an open source design to code tool built by developers for developers
Import CSS to update layer style. CSS 导入。
With the Figma to Handoff, you can quickly convert your designs to HTML, CSS and Vue code.
[Free][Anonymous] Export Figma to React, React Native, Vue, WeChat mini-programs, HTML
Exports vectors and svg to custom code (like JSX)
Supercharge your frontend development by creating React components from your design.
Convert design to React Elements & CSS directly in your code editor
Transform design into code with AI—Figma CodeGen & ChatGPT-4!
Figma to Tailwind
⚡️Instantly transform your design into developer-friendly code.
Bring your designs to life with code
Generate any figma Inner and drop shadow to css box-shadow code.
Figma to Code D2C AI React RN Vue HTML
'Global Style To Code' enables developers to quickly convert global styles to code.
Figma To Code Generator [HTML, Flutter, SwiftUI]
Upgrade Design. Code Less. Build More Product.
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
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.