前端

CopyWeb

CopyWeb 是一款 AI 驱动的网页克隆与代码生成工具,支持通过 URL、截图或 Figma 导入设计,生成响应式 HTML/CSS 代码并导出为 React、Vue 等前端框架。内置智能组件识别和代码优化功能,提升开发效率,适用于原型开发、响应式设计验证及教学演示等场景。

UI2Code

UI2Code是一款基于AI技术的在线工具,可将UI设计图像快速转换为多种编程语言的代码。它支持HTML、CSS、JavaScript、React、Vue、Flutter、Swift等主流框架,具备智能识别、多框架适配和高效生成等功能。适用于设计师快速原型设计、开发者优化前端开发、跨平台项目以及教育领域的教学实践,有效提升开发效率和代码质量。

Reweb

Reweb 是一款面向开发者的 AI 可视化构建工具,支持基于 Next.js 和 Tailwind CSS 快速生成和定制用户界面。它结合 AI 生成能力与可视化编辑功能,允许从空白画布或 Figma 文件开始设计,并导出高质量代码。适用于快速原型设计、前端开发加速、设计与开发协作以及教学场景,提升开发效率并增强代码可扩展性。

Builder.io

Builder.io 是一款基于 AI 的可视化开发平台,支持将设计工具中的界面自动转换为可生产的前端代码,提升开发效率。其可视化编辑器适合非技术人员操作,支持无头 CMS 和 A/B 测试功能,适用于电商、营销页面及多品牌内容管理。平台兼容主流框架,提供多种定价方案,满足企业级应用需求。

Flame

Flame是一款开源的多模态AI模型,能够将UI设计截图转换为高质量的现代前端代码。它支持React等主流框架,具备动态交互、组件化开发和高代码质量的特点。Flame通过创新的数据合成方法提升代码多样性与准确性,适用于快速原型开发、提升开发效率及辅助学习等多种场景。其训练数据、模型和测试集均已开源,为前端开发提供了高效的工具支持。

Same.dev

Same.dev 是一款基于 AI 的前端开发工具,能够将网页截图、设计文件或链接转化为高质量的前端代码。它支持多种输入方式,具备智能元素识别、代码优化、自适应布局等功能,并提供调试与一键部署支持。适用于快速原型开发、前端开发辅助、学习与教学、设计协作等多个场景,提升开发效率与协作体验。

amis

amis 是百度开源的低代码前端框架,通过 JSON 配置快速生成后台页面,支持表单、表格、图表、CRUD 等功能。提供可视化编辑器、主题自定义、国际化和权限管理等企业级特性,兼容 React 和 HTML 项目,适用于后台系统、数据可视化、原型设计等多种场景,显著提升开发效率。

HeroUI Chat

HeroUI Chat 是一款基于 AI 技术的工具,可根据文本提示或截图生成高质量的 React 用户界面代码。它简化了前端开发流程,支持快速原型设计、提升开发效率,并与 HeroUI 开源库无缝集成。适用于设计师与开发者协作,适用于小型项目快速启动和复杂界面开发,是提升生产力的重要工具。

DeepSite

DeepSite 是一款基于 DeepSeek-V3 模型的在线开发工具,用户可通过自然语言描述快速生成游戏、网页或应用代码,并支持实时预览。无需安装环境,操作简便,适用于快速原型开发、教育学习、创意实现及小型项目开发,提升了编程的易用性和效率。

Superflex

Superflex 是一款面向前端开发的 AI 工具,可将 Figma 设计、图片或文字描述快速转换为高质量代码,支持 React、Vue 等主流框架。具备代码风格匹配、智能补全、实时生成等功能,集成于 VSCode,提升开发效率。适用于原型开发、团队协作、竞品模仿及项目重构等多种场景。