Esta página se muestra en inglés. Una traducción al español está en curso.
ScriptsApr 1, 2026·1 min de lectura

Screenshot to Code — Convert Designs to Code

Screenshot to Code converts screenshots, mockups, and Figma designs into clean code using AI. 72.1K+ GitHub stars. HTML, React, Vue, Bootstrap. MIT.

Introducción

Screenshot to Code converts screenshots, mockups, and Figma designs into clean, functional code using AI. With 72,100+ GitHub stars and MIT license, it supports multiple output formats (HTML/Tailwind, React, Vue, Bootstrap, SVG), leading AI models (Claude, Gemini, GPT), and video/screen recording conversion. Hosted version available at screenshottocode.com.

Best for: Developers converting designs to code without manual implementation Works with: Claude Code, OpenAI Codex, Cursor, Gemini CLI, Windsurf


Key Features

  • Screenshot/mockup to code conversion
  • HTML/Tailwind, React, Vue, Bootstrap, SVG output
  • Claude, Gemini, GPT model support
  • Video/screen recording conversion
  • Figma design import
  • Hosted version at screenshottocode.com

FAQ

Q: What is Screenshot to Code? A: AI design-to-code converter with 72.1K+ stars. Screenshots to HTML/React/Vue. Claude, Gemini, GPT. MIT.

Q: How do I use it? A: Clone repo, run backend + frontend, or use Docker. Or visit screenshottocode.com.


🙏

Fuente y agradecimientos

abi/screenshot-to-code — 72,100+ GitHub stars

Discusión

Inicia sesión para unirte a la discusión.
Aún no hay comentarios. Sé el primero en compartir tus ideas.

Activos relacionados