Scripts2026年4月1日·1 分钟阅读

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.

Script Depot
Script Depot · Community
介绍

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.

🙏

来源与感谢

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

讨论

登录后参与讨论。
还没有评论，来写第一条吧。

相关资产

NAPI-RS — Build Node.js Native Addons in Rust

Write high-performance Node.js native modules in Rust with automatic TypeScript type generation and cross-platform prebuilt binaries.

Script Depot

Mamba — Fast Cross-Platform Package Manager

A drop-in conda replacement written in C++ that resolves environments in seconds instead of minutes.

Script Depot

Plasmo — The Browser Extension Framework

Build, test, and publish browser extensions for Chrome, Firefox, and Edge using React or Vue with hot-reload and automatic manifest generation.

Script Depot
◈首页🔍搜索👤我的