Screenshot to Code 今日发布

Screenshot to Code 是一款利用人工智能将截图、设计稿和视频录屏直接转化为可用代码的在线工具。该项目由独立开发者 abi 创建并维护，支持多种主流前端技术栈，包括 HTML + Tailwind、HTML + CSS、React + Tailwind、Vue + Tailwind、Bootstrap 以及 Ionic + Tailwind 等，输出的代码结构清晰、可直接运行。

用户只需上传一张网页截图或 Figma 设计稿，系统即可在数秒内识别界面布局并生成对应的前端代码。默认使用的 AI 模型为 Google Gemini 3 Flash Preview 和 Gemini 3.1 Pro Preview，同时支持 GPT-5.5、GPT-5.4 Mini、Claude Opus 4.6、Claude Opus 4.8 等主流大语言模型。该工具还支持将屏幕录制文件转换为可交互的网页原型，实现了从设计稿到功能原型的完整自动化流程。

Screenshot to Code 提供两种使用方式：直接访问官方托管版本 screenshottocode.com 即可快速体验，无需任何本地配置；如需深度定制或私有化部署，也可以克隆 GitHub 仓库，在本地自行搭建前后端服务（前端为 React + Vite，后端为 FastAPI）。本地运行需要配置 OpenAI、Anthropic 或 Gemini 的 API 密钥。

该工具适合前端开发者、UI/UX 设计师以及创业团队快速搭建产品原型，可显著缩短从设计稿到可演示 Demo 的交付周期。项目在 GitHub 上采用 MIT 开源许可证，代码透明可查。