Coding · by Abi Raja
screenshot-to-code
Open-source tool that converts a screenshot or mockup into HTML, Tailwind, React, or Vue code.
+ Simple, widely used, and works with GPT, Claude, or Gemini vision models you supply.
− Produces one-off static code with no design-system awareness.
Open screenshot-to-code ↗ best for: quickly cloning a page layout from a screenshot
Evidence
rank #100 of 257screenshot-to-code alternatives
All 9 alternatives →
+ Produces editable designs you can paste into Figma as well as HTML/CSS.
− Experimental Labs product with generation caps and limited iteration.
+ Supabase auth, database, and edge functions are wired up without any configuration.
− Credits run out fast when debugging, since every fix attempt costs a message.
+ Long-standing Figma plugin that respects auto-layout and produces responsive code.
− Generated components still need cleanup before they are production-ready.
+ Iterative loop: annotate the generated output on the canvas and regenerate.
− It is a demo of the tldraw SDK rather than a maintained product.
+ Mitosis-based output targets React, Vue, Svelte, Angular, and more from one design.
− Best results require Builder's design-system mapping setup first.