Design-to-Code — Figma Plugins
Plugins that bridge design and development, enabling code export, design tokens, and streamlined handoffs.
Explore More
All Design-to-Code Plugins (338)
Figma To HTML
Figma to HTML! Generate HTML and download in a few clicks!
Figma to HTML with Framer
Convert your Figma design to HTML code in seconds with Framer.
Figma to Webflow (HTML, CSS and Website)
Design in Figma, Launch in Webflow
AutoHTML | Components to Code
React, Vue, Svelte, Angular, Tailwind, HTML & CSS Converter
Codia AI Figma to code: Figma to full
Design. Develop. Deliver full-stack Web and Mobile apps
Figma to React from Quest
Quest AI - Easiest way to build React Apps using AI
Marka Email Generator
Export fully custom HTML email templates from Figma
Tailwind Color Palettes
Add TailwindCSS colors to your figma file in few clicks
Figment.so
Turn your Figma design into a website without a single line of code.
Figma to Bootstrap 5 Plugin
Export Figma Designs and Layers to Bootstrap 5 Code
Pretty Shadows
Create stunning and visually captivating shadows using the power of CSS.
Tailwind CSS
Generate styles and other cool stuff straight out of your tailwind config file?
Tailwind Color Generator
Easily create Tailwind-like color styles (100-900).
Figma to Code (React, Tailwind, HTML/CSS)
Figma to Code instantly.
Upspeed
Convert your Figma Designs to native, production-ready code.
inima
almost all property motion supported, export to apng/gif/frames/css sprite,