Figma's new Dev Mode AI converts selected frames directly into production-ready React + Tailwind code, with component inference and responsive variants.
Figma released AI code generation inside Dev Mode. Select any frame, click 'Generate code,' and get React with Tailwind CSS, including component extraction, responsive breakpoints, and asset exports. Available to Figma Professional and above.
Design handoff just got meaningfully faster. Instead of rebuilding components from screenshots, you get a Tailwind + React starting point.
Try it today on your most recently redesigned component. Note what needed fixing and share findings with your designer.
Tags
Sources
Signals by role
Tools mentioned