Code Conversion Made Easy: Figma to Web & Apps
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
Anima - AI Powered Design to code
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Figma to HTML! Generate HTML and download in a few clicks!
Convert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue
Convert your Figma design to HTML code in seconds with Framer.
TeleportHQ - Figma to Code
Design in Figma, Launch in Webflow
Convert Figma to Fully Responsive HTML CSS / React / Vue / Tailwind with AI
AI-powered tool.
Figma to HTML and CSS
Build mobile & web apps at blazing-fast speed with stable code quality and developer experience.
Design. Develop. Deliver full-stack Web and Mobile apps
Inspect styles from Figma and transform to CSS
This exporter plugin let's you select the naming convention you want for your exported files.
Create custom Tailwind CSS color scales based on a given Hex code or HSL color
Make your frame blur, generate and translate blur hash code directly in your figma design
Export fully custom HTML email templates from Figma
Transforms your Figma design to React Native in real-time.
Add TailwindCSS colors to your figma file in few clicks
Export design tokens to tailwind theme
Create QR codes that match your design guidelines
figma to code, flutter, react native, swiftui, reactjs, jetpack compose, html, ios, android xml
Connect Design to 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.