design to code
Free Plugins โ Figma Plugins
Free and open-source Figma plugins to enhance your design workflow without cost.
All Free Plugins (5299)
Export CSS variables form figma variables
Figma Plugin that lists all local variables as css variables.
Use Figma to generate React components in Flock style.
Create html banner templates quickly and simply
Convert Figma to React, Angular, Flutter & More โ Clean Code in Seconds with AI - Code Generator
Instant SVG to React Code in Dev Mode
The plugin read elements you select and let you export them into Html with SACSS.
Export Variables and Styles from Figma to TailwindCSS (v3 and v4) configs & standard css variables.
Bricks is an open source design to code tool built by developers for developers
Import CSS to update layer style. CSS ๅฏผๅ ฅใ
With the Figma to Handoff, you can quickly convert your designs to HTML, CSS and Vue code.
[Free][Anonymous] Export Figma to React, React Native, Vue, WeChat mini-programs, HTML
Exports vectors and svg to custom code (like JSX)
Supercharge your frontend development by creating React components from your design.
Convert design to React Elements & CSS directly in your code editor
Transform design into code with AIโFigma CodeGen & ChatGPT-4!
Figma to Tailwind
โก๏ธInstantly transform your design into developer-friendly code.
Bring your designs to life with code
Generate any figma Inner and drop shadow to css box-shadow code.
Figma to Code D2C AI React RN Vue HTML
'Global Style To Code' enables developers to quickly convert global styles to code.
Figma To Code Generator [HTML, Flutter, SwiftUI]