Free, Figma to React, Tailwind (support config file), SCSS, Emotion and CodeSandbox
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
Export any vector asset to React or Vue components, Sass (or plain CSS), TailwindCSS, or an Android…
Generated tailwind class names from the css privided by figma
Convert Figma designs into production-ready shadcn/ui code
convert the figma design draft into html and css code
AI color palette generator based on the web tool tailwind.
Code your design!
Easily export your variables collections to CSS or SCSS with hierarchy fragmentation feature!
Write, paste, and apply CSS
Inspect design and copy React Native styling code in Dev Mode.
腾讯CoDesign是产品设计研发一站式协作平台,帮助团队提升设计协作效率,有效管理使用设计资产,让产品设计更轻松高效。由腾讯自研的 Figma 插件,支持在线导入预览设计稿、自动生成设计标注,批量…
The plugin generates React code for the selected Figma element.
Generate idiomatic Jetpack compose code from Figma designs
A intelligent tool that converts design to code.
Hand off ready-to-use components from Figma
The Figma-Low-Code plugin allows you to use your Figma designs directly in VUE.
Transforms your Figma variables to CSS, JavaScript, Compose & SwiftUI variables
AmourM: Figma conversion, UI/UX kits, AI design, and code generation.
Displays all CSS styles of the selected layer for easy copying
Export responsive, accessible, and perfectly rendered email HTML from Figma
Effortlessly recreate shadows from the web!
Easily create highly customisable QR codes
Copy CSS style, React inline style or Tailwind classname from a selected layer.
Figma-to-React for serious software development
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.