Screenshot to Code 是一款使用 AI 将屏幕截图、模型和 Figma 设计转换为干净、实用的代码的简单工具，将任何屏幕截图或设计转换为干净的代码，现在支持 Claude Sonnet 3.5 和 GPT-4O！支持 HTML + Tailwind、HTML + CSS、React + Tailwind、Vue + Tailwind、Bootstrap、Ionic + Tailwind 和 SVG 等多种前端堆栈。其支持的 AI 模型包括 Claude Sonnet 3.5 和 GPT-4O，同时可使用 DALL-E 3 或 Flux Schnell 进行图像生成，能够以 10 倍速度构建用户界面。作为一款完全开源工具，它在 GitHub 上已获得超过 53,000 颗星，深受领先公司的开发人员和设计师欢迎。

v0是由Vercel推出的AI用户界面生成工具，v0 使用 AI 模型根据简单的文本提示生成代码，生成的代码可以直接使用或者修改优化等等，它基于shadcn/ui和Tailwind CSS生成复制粘贴友好的 React 代码，不过目前v0处于 测试阶段。如果有兴趣尝试 v0，可以请加入等候名单即可。

Lobe Chat是一款开源的高性能聊天机器人框架，支持语音合成、多模态、可扩展的（Function Call）插件系统，支持一键免费部署私人 ChatGPT/LLM 网页应用程序。目前LobeChat 已经支持 OpenAI 最新的 gpt-4-vision 支持视觉识别的模型，支持文字转语音（Text-to-Speech，TTS）和语音转文字（Speech-to-Text，STT）技术等，可以用来绘画、爬虫、联网查询问答、文字语音互转等等。

OpenUI是一款开源的AI代码生成器，根据描述生成UI界面，并能够输出HTML、CSS等前端代码，支持React、Svelte等框架，简化前端开发流程。

Locofy是一款专门为前端开发人员设计的AI工具，推出的一款 Lightning产品，利用AI一键将 Figma 设计转换为前端代码，工具可将 Figma 和 Adob​​eXD 原型设计转化为适用于移动应用程序和 Web 的可投入生产的前端代码，利用现有的设计工具、技术堆栈和工作流程，将产品的交付速度提高 5-10 倍，从而提高生产力和速度。 Lightning 是一款基于该平台的大型设计模型 (LDM) 构建的产品，其灵感来自 OpenAI 首创的法学硕士概念。

Screenshot to Code是一个基于GPT-4图片转代码工具，是一个简单的在线应用程序，能够将屏幕截图转换为干净的 HTML/Tailwind/JS 代码，工具使用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像，支持PC端和移动端代码，使用需要自备OpenAI API 密钥，必须具有 GPT4 视觉访问权限。