Generate static HTML code from Figma mocks
Free Plugins — Figma Plugins
Free and open-source Figma plugins to enhance your design workflow without cost.
All Free Plugins (5299)
Extracts colors, codes, and names from your selection. Lets you export the palette to HTML
Variable Exporter is a plugin that efficiently transforms Figma design tokens and variables into CSS
Bridge Figma design tokens to the Tailwind CSS V4 config for perfect design-to-code harmony
Export color variables to css variables.
Figma to Code DevX
Transform Figma Variables into CSS and JSON objects for AWC
Get layout colors and copy them into CSS, Compose, or XML variables code easily.
Simplifying Figma design to Frontend code
Understand and extract design styles effortlessly, in CSS or Tailwind.
Use AI to turn any Figma design into Shopify-ready Liquid code
Turn any Figma Auto Layout into HTML and CSS (cheaper and quicker than using a developer)
Email html converter
Seamlessly Convert Figma Designs to Production-Level React Code Directly to GitHub PRs
Create Stunning Free QR Codes with Your Brand Logo!
Turn any live website or raw HTML/CSS into fully editable, pixel-perfect Figma components.
Transform multiple frames into animated gif/html banner.
Convert Figma Color Collections to Code (CSS, SCSS or JSON).
Sync Figma Variables to code and auto-create GitHub Pull Requests.
UI design to KSP code in one click. But wait, there's much more.
Smoothly integrate Figma colors into your CSS/SCSS variables.
Export your documents local styles to a Tailwind 3 or 4 theme
Figma to HTML! Generate HTML and download in a few clicks!
Accelerate Your Workflow by Exporting Design Tokens Directly to Code