Sync Reshaped themes from React to Figma
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
Generate modern colors and gradients using the power of CSS
Generate a palette of colors using CSS variables.
All your config belongs to usThis plugin imports all your Tailwind colors, fonts, grids and shadowsโฆ
You can copy styles css, for text or frame, and also convert SVG.
Generate utility classes for Tailwind CSS from local style of Figma.
Encode selected nodes into Base64 and get code snippets for HTML, CSS, React, SVG, JSON, Data URI
Copy colors as CSS or Sass variables directly to your clipboard.
Customize CSS Code snippet with optional rules.
Quickly generate valid React/Typescript component from your Figma documents to that uses your spritโฆ
Export Figma designs as responsive HTML for use on web pages.
Export responsive HTML email, that works even on Outlook
Convert Tailwind Font Sizes to Figma Styles
Inspecting Figma nodes and concert properties to CSS rules
Get CSS of SelectedNode in Figma
Your basic design can be exported in HTML format for editing.
Convert Figma designs into Tailwind CSS, Improve with AI, generate themes and insert tailwind blocks
Transfer theme settings from Figma to React by converting Figma variables into a JSON format
Export designs as React code
Copy text/html data from Figma's clipboard.
css tailwind
Tailwindcss theme generator based on your design. Supports Tailwind v4 and v3
No more front-end coding by integrating Figma with React/vue.
Generate plugin and widget source code based on Figma designs
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.