Upgrade Design. Code Less. Build More Product.
Free Plugins โ Figma Plugins
Free and open-source Figma plugins to enhance your design workflow without cost.
All Free Plugins (5299)
Unlock Accessibility with AI : Automated Design Testing & Code Generation by Adee
Import Visual Studio Code themes as Figma Variables to design efficiently.
Copy, paste, import, export CSS and Figma variables
Masterfully Address Design-to-Code Challenges Supports HTML, React, Vue, Svelte and Tailwind.
FRONT-END.AI โ From Figma to semantic HTML with the power of Generative AI
Sync Reshaped themes from React to Figma
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.
Transfer theme settings from Figma to React by converting Figma variables into a JSON format
Export designs as React code