Turn designs into code
Tools that read a Figma file, a screenshot or a URL and write front-end code: React, HTML and CSS, Flutter and the rest. Useful for handoff, for design engineers, and for checking how a design survives contact with the browser.
Anima
Turns Figma files, URLs or prompts into code, with a Figma plugin and a web app for iterating on the result.
figma pluginreact
Locofy
Converts Figma and Penpot designs into front-end code for React, React Native, Flutter, Vue, Angular, Next.js and HTML/CSS.
figma pluginpenpotflutter
Builder.io
A shared platform where designers, PMs and engineers build with AI agents on the real codebase. Its Figma plugin, Visual Copilot, converts designs to code.
Free plan · From $24/user/month
figma pluginagents
KombaiOur pickNew
An AI front-end agent built for UI work: it designs, then writes production front-end code in your repo.
Free plan · From $20/month
reactagents
Codia
A set of AI tools for converting screenshots and images into editable Figma designs and code.
screenshot to designfigma plugin
TeleportHQ
Low-code website builder with AI generation, a visual editor and clean code export.
7-day trial · Pro from $14/month
code exportwebsites
screenshot-to-code
Open-source project that turns a screenshot or screen recording into HTML, Tailwind, React or Vue using the model of your choice.
Open source
open sourcescreenshot to code
Nothing matches. Suggest a tool.
Other jobs
New tools, checked
One short email when we add tools to the list. Nothing else.