UI/UX 与设计转代码

UI/UX 类工具现在最大的卖点是「设计稿直接变前端代码」和「一句话生成可交互原型」。实际能力:结构清晰的中后台页面、营销页可以做到八成还原;复杂交互和自定义组件仍要前端接手。团队协作和设计系统是另一条价值线——组件库统一、多人实时编辑、国产 Figma 替代。选型先看导出质量(React/Tailwind 还是不可维护的绝对定位)。

排序共 31 款

国产智能原型设计与产研协作平台,提供一句话生成多页面原型、AI生成PPT与PRD、流程图与思维导图生成以及设计稿转代码能力,支持多端使用,面向产品团队协作场景。

281 万/月

国产数字界面生产平台,提供AI文图生原型、专业界面设计与设计稿转代码能力,支持产设研在线协同、企业资产管理与企业级权限部署,面向产品设计研发一体化协作场景。

265 万/月

Miora 是带记忆的智能体创作工作室,官方称一句话 brief 进、整套符合品牌调性的视觉出,图片、视频、UI/UX 与 3D 在同一张无限画布完成,并支持记忆与技能市场。

166 万/月

面向国内设计师的专业级在线 UI 设计工具,支持多人实时协作、原型交互、资源管理与开发标注,兼容 Figma、Sketch、XD 文件格式,浏览器即可使用且永久免费。

154 万/月

国产 AI 协同设计工具,集白板、原型、UI 与交付于一体,官网称支持 AI 一键生成 UI 设计稿与 React/Vue 代码,打通设计到开发全链路,可导入 Figma 文件。

67.9 万/月

腾讯推出的人工智能设计工具,支持文生界面、图片转可编辑设计稿、矢量编辑和动态布局,并以设计系统、权限审计及代码复制连接设计协作与开发交付。

62.5 万/月

UXbot 是把产品构想直接做成可部署应用的 AI 开发平台,官方称 AI 贯穿业务规划、交互原型、全栈代码生成、可视化环境配置与部署发布,产出 Web、APP 与小程序。

11.0 万/月

千鹿AI画布是面向视觉创作者的无限画布设计工具,支持文生图、图生图、智能抠图、去水印、图片变高清与 4K AI 视频生成,并提供团队协同。

5.3 万/月

AI驱动的用户界面设计工具,支持导入典型界面让AI学习设计风格,按文字或图片生成界面与组件,并提供MCP让编码工具理解设计稿生成前端代码,面向产设研协作场景。

3.2 万/月

Pixso 团队的 AI 生成设计稿工具,用一句话描述需求即可产出网页、App 界面、幻灯片与原型,官方称支持响应式适配、多轮对话改稿并一键导入 Pixso 编辑。

3,794/月

Stitch 是 Google 推出的 AI 设计工具,为移动端与网页应用快速生成界面,让设计构思变得轻松高效,需 Google 账号登录,缩短从灵感到界面草图的距离。

345 万/月

主打「设计、分享、交付」的现代设计工具,画布建立在网页标准之上并与代码双向打通,可接入外部智能体让其直接读取画布内容,同时有桌面端与网页版两种入口。

174 万/月

Studio 出品的无代码网页设计工具,把设计稿直接发布成网站。内置可视化编辑器、实时协作 CMS 与 Figma 导入,一键托管上线。适合设计师做作品集和落地页。

164 万/月

从文字或参考界面生成可编辑多页面原型的智能界面设计工具,支持提取截图与设计链接中的布局风格,使用提示词调整视觉,并分享或导出到设计与代码流程。

83.7 万/月

面向非设计人员的人工智能界面设计软件,可从多种灵感来源制作高保真线框和原型,内置模板、主题、智能组件与图标资源,并支持标注和团队协作。

82.8 万/月

面向产品团队的 AI UI 设计工具,可用自然语言与截图生成 App、网页与桌面软件的界面原型,官网称会像用幻灯片一样简单,适合快速验证产品构想。

68.9 万/月

Alloy 是面向产品经理的 AI 原型工具,官方称可从浏览器捕捉或连接代码库复刻真实产品,用对话改页面,沙盒中实时预览,并以链接分享高保真原型。

43.3 万/月

Figr 是面向产品团队的 AI 设计代理,官方称它会先学习你的产品、设计系统与上下文,再产出 UX 流程与 Figma 可用的设计,覆盖失败状态等团队常跳过的场景。

32.4 万/月

Flowstep 是 AI 界面设计工具,官方称用提示词生成多屏 UI,可对话编辑或手动改,支持导出代码、复制到 Figma 并经 MCP 接入 IDE。

32.1 万/月

OpenDesign 是开源、本地优先的 vibe design 工作区,官方称把已有的编程 Agent 接成设计引擎,从想法直出原型、落地页、看板、幻灯片与 HTML 视频。

22.4 万/月

面向产品团队的人工智能界面设计工具,可从草图、想法或需求文档生成线框图和高保真界面,支持沿用既有设计系统,并将成果导向设计协作与开发交付。

19.8 万/月

MagicPath 官网把自己定位为人与 AI 代理共享的工作空间,主打设计与编码场景,关键词标注为设计、AI 与编程,官网另设有产品博客供了解用法。

15.7 万/月

在线样机生成工具,官方称提供三万套以上服装、包装、设备模板,上传设计即可预览并调位置颜色,支持批量导出、视频样机与 Shopify、Figma 集成。

13.3 万/月

以提示词为核心的界面设计平台,提供可套用的落地页与视觉风格模板,支持自然语言改稿并导出前端代码,适合快速验证页面方案和视觉方向。

10.7 万/月

AI 高保真原型设计工具,用文字、图片或草图生成可交互页面,支持自由编辑、多格式导出、交互演示与 PRD 自动生成,适合产品与创业者。

9.9 万/月

Subframe 是连接代码库的设计工具,也是带画布的编码代理,可在一个工具里完成无限画布设计、预览编辑线上应用与代理改代码。

2.6 万/月

面向设计师的 AI 工作流平台,把无限画布、新模型与 AI Skills 放在一起,让灵感、素材与成稿在同一块画布上流转。

2.5 万/月

一款把设计、代码与 AI 智能体放在同一块画布上的 macOS 协作工具,官方称可将线上产品转为可编辑设计再改回代码,支持接入用户已有的智能体订阅、技能与插件。

1.3 万/月

面向产品团队的 AI 设计 Agent 工作台,用一句需求、一张图或一个网址生成可编辑 UI 与可交互原型,再直出可进仓库的前端代码,官方称可组合 200 多种技能。

1.1 万/月

把文字或图片转成可编辑 SVG 线稿的 AI 工具,官方称输出真实矢量描边,生成后线宽、颜色与虚线仍可改,可导出到 Figma 与 Illustrator。

961/月

面向产品团队的 AI 产品设计师,用一句话描述或一张参考图即可生成界面与可上线的前端代码,官方称支持接入自有设计系统、Figma 导入导出与可视化改稿。

9,115/月