Export Figma variables to CSS and deploy directly to Git for seamless design–code collaboration
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
腾讯CoDesign是产品设计研发一站式协作平台,帮助团队提升设计协作效率,有效管理使用设计资产,让产品设计更轻松高效。由腾讯自研的 Figma 插件,支持在线导入预览设计稿、自动生成设计标注,批量…
AI-powered tool.
This plugin helps the designers and developers to automate the process of syncing Figma design syst…
Turn Figma text styles into Tailwind, CSS, SCSS, SASS, or inline styles — fast and flexible.
Create & Apply Design Tokens. Sync them with your codebase.
Design and export production-ready HTML emails in minutes, no developers needed.
Generate accessible, Tailwind-style colour scales directly in Figma — just enter a HEX code.
Export your figma design file to Devign and check inconsistencies with Code in seconds.
Generates SCSS code from the layers on a frame to create a CSS sprite with 2x pixel density screen…
Convert variables to CSS with Breakpoint Classification
Automatic Styles & Variables generation based on the Wordpress's most popular CSS framework.
Тransform your Figma designs into production-ready code with App Builder
Transform Figma designs into customizable code with Tailwind CSS
genere tailwind config and classes
Create No-Code web apps with Figma design
Turn Figma into a React and Tailwind CSS website for free
Generate code from Figma design files with AI
transform css to unocss
Export Material Theme Builder figma variables to css variables
Generate code from your design
Convert variables into a Tailwind plugin, CSS or JSON
convert css code into different size
Tailwind Config Exporter – Effortless Figma-to-Tailwind Workflow
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.