截图直出前端代码,支持录屏
推荐指数 60.0 NO. 008 · 2026.08.29
Stars75,571
为什么值得看
screenshot-to-code 能将截图、Figma 设计稿和屏幕录屏直接转换为可运行的前端代码,支持 React/Vue/ionic 等 6 种技术栈。前端开发者和设计师可以跳过手写 HTML/CSS 的重复劳动,快速把视觉稿变成可迭代的代码原型。
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
媒体预览
编辑判断
设计稿转代码这个赛道之前被 Vercel v0、Builder.io 和 Anima 占着,但要么收费高要么输出质量不稳定。这个开源项目的差异化在于支持屏幕录屏输入,意味着可以还原交互动效而不仅是静态页面,这是 v0 目前做不到的。
它默认接入了 Gemini 2.5 Flash/Pro 和 GPT-4o 等多模型,开发者可以对比不同模型的代码生成质量,这对正在评估 AI 编程工具的团队很有价值。做前端工具链或低代码平台的创业者建议重点看它的 prompt 工程和视觉 token 处理方案,录屏转代码的时序理解是个还没被充分挖掘的技术点。
Star History
生态分析
Production
AI 前端代码生成赛道的开创者,截图转代码领域的标杆项目
独特价值:首个支持多技术栈的截图转代码工具,社区热度与落地成熟度领先