Convert Figma Variables to CSS, Sass, Tailwind, Json, Javascript (Styled-Components), Less or Stylus
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
IntroImport a CSS Gradient into Figma with ease.
Turn your Figma designs to code using Claude Sonnet 3.5, GPT 4o. Make your designs functional.
Design to code for . NET
convert figma design to code with detailed code. just select the frame and change to dev mode.
👀 Are you facing these problems?
Transform Figma styles to semantic CSS
Convert Figma designs into HTML and CSS in minutes
Convert your figma designs to full stack working apps - no code.
Design in Figma, Prototype in Replit with AI
Inspect your Figma layers as HTML/CSS, Tailwind, React or Vue code in one click
HTML code for absolute and responsive get started
Quickly turn your Figma designs into React code for production or advanced prototyping.
All in One Figma to React Native plugin.
Convert ANY email design to responsive HTML email that works even on Outlook, in a click.
Single Click Design System-Ready Colors, Button Components and React Code at Your FIngertips!
Convert your design into HTML & CSS. Get a free ultra-modern Strømstik CMS.
Convert any Figma design design to production ready Chakra UI code
export, code, kotlin, code export, design to code, jetpack compose, tool
Simple generator for React Component.
Extremely fast conversion of Figma designs to HTML, CSS, or Tailwind code
Design to Code + All designers tools combined. One plugin you'll ever need.
Translate component variants, properties, and more into dynamic code snippets for your design system
HTML & SASS code generator / fine-tune results / easy to use.
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.