UX Pilot
Relume
Banani
将 UX Pilot 视为一个设计伙伴，它把你的粗略想法转化为真实界面。输入提示、草图、PRD 或网站链接，它就会开始工作。
首先是线框图，然后是精美的 Hi-Fi 版本，如果需要，还可以覆盖旅程中每个界面的完整流程。你还可以通过可视化编辑器和实时聊天编辑功能，快速创建可运行的 React 原型。
对于 Figma 用户，Nodey 代理会直接根据你自己的组件库构建原生图层，因此结果看起来就像你的产品，而不是通用模板。代码导出和 GitHub 同步完善了交接流程。
定价从免费开始，每天 80 个点数，1 个项目，无需任何费用。
Pro 计划每月 29 美元，或按年付费每月 19 美元，解锁 750 个点数和 125 个界面，以及网站克隆功能。
Teams 计划每位用户每月 39 美元，或按年付费每位用户每月 31 美元，提供共享点数和协作功能，而 Enterprise 计划提供自定义定价，包含针对品牌调优的人工智能、SSO 和专属团队。
大多数网站项目从空白页面和大量猜测开始。Relume 改变了这种情况，将简短提示词转化为完整的站点地图，然后将其转化为由真实组件构建的线框图，而不是一次性模拟图。
结构确定后，Style Guide Builder 会建议与你的品牌匹配的颜色、字体和 UI 样式，你可以从 Figma、Webflow 和 React 的超过 1,000 个组件中提取。
你可以免费试用所有这些功能，包括 1 个项目和 1 个页面，仅支持 Figma 导出。升级到 Starter 计划，每月 26 美元，或按年计费每月 18 美元，可解锁 5 个页面以及 Webflow 和 React 导出。
同时管理多个网站的自由职业者通常选择 Pro 计划，每月 58 美元或按年计费每月 40 美元，因为它完全取消了项目和页面限制。
代理机构和团队可以选择 Team 计划，每人每月 52 美元，或按年计费每人每月 36 美元，至少 3 人，该计划增加共享工作区和品牌客户端共享。
开发者还可以使用 Relume Library MCP，这是一种将相同组件库直接引入 Cursor 和 VS Code 等 AI 编码工具的方式。
Banani 相当于 AI 设计副驾驶，可将简单的提示、截图、草图或 PRD 在几分钟内转化为可用的 UI 界面，而不是几天。
它面向创始人、产品经理和非设计师，他们需要快速获得干净、符合品牌形象的界面，而无需深厚的设计技能。
生成后，每个界面都可以通过聊天进行优化，让您调整颜色、布局或文字，或点击元素来构建完整的交互流程。
入门免费，每月 12 个积分，每天 3 个积分。升级到 Plus 每月 20 美元，或按年付费每月 12 美元，并解锁代理模式和无限次 Figma 导出。
更重的使用需求由 Pro 计划覆盖，每月 50 美元，或按年付费 30 美元，提供无限积分和优先支持，而 Enterprise 计划提供定制价格、SSO 和针对大型团队的定制集成。
完成的作品可直接导入 Figma 或代码，MCP 支持意味着 Claude Code 或 Cursor 等工具可以直接拉取设计。
使用 Claude Design，你描述想要创建的内容，Claude 会在一个你可以继续操作的画布上生成第一版。无需事先了解设计程序。
你可以通过更多对话、对布局某一部分留下的评论，或手动移动和调整大小来进一步优化。
由于它会根据你导入的颜色、字体和组件进行检查，输出通常会更符合你的品牌，而不是看起来像通用模板。
它与 Claude Code 也紧密集成，既能让设计变成真实的代码，也能让现有代码变成可点击的网站原型。
它随你的 Claude 订阅一起提供。Pro 计划按年计费每月 17 美元，或按月 20 美元；Max 计划每月 100 美元起，使用量提升 5 倍或 20 倍；Team 计划坐席价每人每月 20 美元起；Enterprise 计划采用自定义坐席和用量费率。
你可以导出为 PDF、PPTX、PNG、视频或简单的可分享链接。
Magic Patterns帮助产品团队将想法转化为工作界面，无需等待完整的设计到代码周期。输入你想要的通俗文字，或放入截图或PRD，它就会生成一个交互式原型，看起来已经是你的产品的一部分。
它不是界面的平面图片，而是在下面构建真实的React、TypeScript和Tailwind代码，因此你所得到的接近于生产就绪，而不是粗糙的草图。
它还可以从Figma、Storybook、GitHub甚至实时网站拉取你现有的设计系统，然后在每个新界面上持续复用这些相同的组件和颜色。
在价格方面，免费计划提供100个月度积分供你探索工具。Starter计划每位用户每月20美元，或按年计费时17美元，并解锁GitHub同步、MCP支持和10用户工作区。
Business计划升级到每位用户每月100美元，或按年计费时85美元，增加了最新的AI模型、SSO和使用报告，而Enterprise是单独定价的，并添加了自定义积分池和专用支持。
凭借内置的代码导出、Figma导出和MCP交接，团队可以在一个连续的流程中从概念进入工程就绪的工作。
将粗略的想法转化为可以向客户或队友展示的成果是 Visily 的宗旨。输入您想要的内容、上传截图或绘制草图，AI 就会围绕它构建可编辑的设计。
同一画布也处理图表和流程图，您可以直接将它们转化为屏幕设计。设计就位后，您可以连接链接、悬停状态和屏幕转场，使其表现得像可用的应用程序。
由于所有内容都位于共享看板上，您的整个团队可以同时评论、聊天和编辑，更新可自动流入 Slack、Notion 或 Jira。
定价从免费的 Starter 计划及其每月 300 个 AI 积分开始。Pro 计划每位编辑者每月 14 美元，提供无限看板和 Figma 导出，而 Business 计划每位编辑者每月 29 美元，增加自定义团队和单点登录。Enterprise 定价为自定义。
每个设计都保持完全可编辑，因此您可以继续优化、将其交给 Figma 进行润色，或直接从布局生成代码。
可以将 Uizard 视为一种方式，让您勾画想法并几乎立即将其转化为真实、可点击的设计。您可以输入您想要的内容、粘贴截图或拍摄餐巾纸草图，名为 Autodesigner 的 AI 会据此构建可编辑的原型。
一旦设计存在，您可以通过简单的文本命令继续调整，在粗略的线框视图和精致的模型之间切换，或通过生成的主题重新设计整个项目。
Screenshot Scanner 可将您展示的任何应用或网站重建为可编辑的图层，而 Focus Predictor 可预测观看者在屏幕上的视线落点，这对于放置按钮和标题非常有用。
定价从免费计划的 0 美元起，每月包含 3 次 AI 生成和 2 个项目。专业版每月 19 美元，若按年计费则为 12 美元，可解锁 500 次 AI 生成、100 个项目以及 React 和 CSS 代码交付。
大型团队可以每月 39 美元升级到商业版，获得 5,000 次 AI 生成和自定义品牌套件，或联系销售获取包含无限使用和专属支持的企业版计划。
Uizard 在 2024 年被 Miro 收购后，仍作为独立的基于浏览器的应用运行，面向产品团队、创始人以及任何需要无需深厚设计技能即可创建原型的人。
构建移动应用界面通常意味着学习设计软件或聘请设计师。Sleek 通过将文字描述、照片或草图转换为完成的 iOS 和 Android 界面（只需几分钟）来跳过这一步。
该工具专为移动应用构建，因此每个界面都遵循真实的应用程序约定，例如间距、导航栏和卡片，而不是通用模板。您可以在生成前选择一种风格，然后通过简单的聊天消息完善任何内容。
任何人都可以免费开始，包含一个项目和少量试用积分。Starter 计划每月 39 美元，或按年计费每月 20 美元，并将限制提高到 5 个项目和无限次的 Figma 和代码导出。
对于更重的使用，Pro 每月 69 美元，或按年计费每月 30 美元，并开启无限项目以及 REST API 和代理技能，让诸如 Claude Code 和 Cursor 等工具自行设计界面。
需要共享访问权限的团队可以选择 Team 计划，每位用户每月 99 美元，该计划增加了协作工具、优先支持以及整个团队的一张合并账单。
无需手动构建原型，Figma Make 让您只需输入提示词，即可在片刻间获得一个可运行、可点击的应用程序或交互式界面。您可以从零开始，或提供现有的 Figma 设计、图片或文件作为额外上下文。
初版生成后，完善过程很简单：通过后续提示继续对话，点击预览中的任意部分直接调整样式，或进入代码编辑器进行更精细的修改。复杂项目可使用计划模式，它会先以分步计划的形式呈现构建方案。
团队可通过 Make kits（打包了品牌样式和组件）保持一致，并通过 MCP 连接器连接到 Notion、GitHub、Slack 等应用，以真实数据为基础构建原型。
Figma Make 本身没有独立定价，它包含在 Full seat 中。Starter 方案免费，提供有限的每日积分；Professional Full 方案每月 20 美元或每年 3,000 个人工智能积分；Organization 方案每月 55 美元，包含 3,500 个积分，团队数量不限；Enterprise 方案每月 90 美元，包含 4,250 个积分和最强的安全控制。
构建完成后，您可以通过公开链接分享，发布到 Figma Community，或将其作为可编辑图层带回 Figma Design。
Google Stitch 是 Google Labs 推出的免费 AI 驱动设计工具。您无需从头开始构建界面，只需输入描述、放入草图或截图，或与画布对话，Stitch 就会使用 Google 的 Gemini 模型生成可用的 UI 设计。
其核心理念是“氛围设计”，让您从粗略的目标或氛围开始，探索多个方向，而不是过早确定单一方案。
每个项目都位于无限画布上，Design Agent 会跟踪您的完整历史，确保跨界面的编辑保持一致。您还可以将界面链接在一起以预览交互流程。
完成的作品可以直接移动到 Figma、导出为可直接使用的代码，或保存为可移植的 DESIGN.md 设计系统文件。
目前，Stitch 完全没有付费层级。任何拥有 Google 账户的人都可以免费使用，但每日积分限制会控制您在重置前可以创建的设计数量。
Builder.io 不会构建一次性的原型，而是直接在你的真实代码库和设计系统中工作，因此可视化更改和 AI 生成的内容会转化为团队可以真正合并的代码。
Fusion 专为应用、功能和界面而设计，可以从提示、Figma 设计或现有分支开始。Publish 是一个独立可视化无头 CMS，适用于内容和营销团队。
免费计划为一位用户提供每月 60 个 Agent Credits 用于试用。Pro 每位用户每月 30 美元，增加更多积分、结余和内置的 MCP 服务器。
Team 每位用户每月 50 美元，为每个空间最多 20 个用户解锁角色、评论、同行评审和优先支持。
按年付费可将这些价格降至每位用户每月 24 美元和 40 美元。
Enterprise 是定制价格的，并为大型组织增加了 SSO、RBAC、私有基础设施和专属的上线支持。
将 v0 视为 Vercel 的 AI 队友，将你的想法转化为可运行的 Web 应用。输入提示词、放入图片或 Figma 设计，它即可使用 Next.js、React、Tailwind CSS 和 shadcn/ui 构建真实代码。
它不止于简单布局。v0 规划任务，构建前端和后端，连接数据库和 API，并展示你可以实际点击的实时预览。
此后，你可以通过更多提示词、Design Mode 可视化编辑器或内置代码编辑器不断改进应用。它还支持 GitHub 同步，管理分支、提交和拉取请求。
入门免费，Free 套餐提供 5 美元点数、GitHub 同步、Design Mode 和 Vercel 部署，每天最多 7 条消息。
如需更多使用量，Plus 套餐每位用户每月 30 美元，可访问所有模型和团队共享工具；Business 套餐每位用户每月 100 美元，默认关闭训练。
需要单点登录、角色控制和支持保证的公司可以选择 Enterprise 套餐，价格按个定制。
无需手动将 Figma 或 Penpot 设计转化为代码，Locofy 会为您生成代码，随时可以移交给开发人员或 AI 编码代理。
在幕后，它运行在专门为读取设计而构建的 Large Design Models 上，这些模型在大量真实项目上进行了训练，因此输出保持干净、响应式强，并且结构符合开发人员的预期。
您可以从 Figma 或 Penpot 插件、粘贴的设计链接、命令行或直接通过 MCP 在 Cursor 和 Claude Code 等工具内开始。从那里，Agent Mode 可让您使用通俗易懂的提示语继续改进代码，团队还可以将其标准保存为 Skills 以供将来使用。
在定价方面，免费计划为新用户提供 7 天的 Hobby 功能，之后自动转为付费的 Hobby 计划，每月 40 美元。升级到每月 80 美元的 Pro 计划可获得更多 tokens、每个项目更高的画板限制，以及内容绝不会用于训练的保证。
Enterprises 计划提供自定义定价，以及私有或自托管部署、GitHub 同步和专门的支持团队。
Kombai 作为面向前端团队的 AI 设计工程师，将设计与代码整合到单一流程中，取代了分离的交接环节。
你可以从简单的提示词、现有 Figma 文件或实时网站链接开始。Kombai 会在无限画布上生成多种设计变体，你可以通过可视化方式或纯文本指令进行细化。
在此基础上，Kombai 会编写真实的生产就绪代码，利用 Context Graphs 读取你的代码库，并复用你现有的组件、令牌和模式，而非输出通用内容。
内置浏览器可让你预览运行中的应用，直接进行小型视觉编辑，并让代理为你运行界面测试。
关于定价，免费套餐每月提供 300 积分。Pro 套餐每月 20 美元，若按年计费则每月 16 美元，提供更多积分和优先支持。Team 套餐每位用户每月 40 美元，若按年计费则每位用户每年 32 美元，支持最多 20 个席位，并添加共享积分和团队管理。Enterprise 套餐采用定制定价，并为大型公司添加安全和支持功能。
目标在于减少工具数量，并减少设计与开发之间的反复。
Overflow 是一款专为产品设计师和团队打造的用户流程图工具，旨在帮助他们从现有设计中创建互动演示。可以将其视为设计工具与演示需求之间的桥梁。
与其他流程图工具的主要区别在于：Overflow 不再使用基本形状构建流程，而是利用您的实际设计屏幕，并通过智能连接器将它们连接起来。它与流行的设计工具无缝集成，允许您同步画板并自动传输图层，无需重新创建任何内容。
每个用户流程都包含互动元素、设备外壳、注释以及流畅的导航功能。由 Proto.io 团队创立，这款工具因节省时间并打造更具吸引力的演示而受到全球超过 50 万设计师的欢迎。您可以像讲故事一样展示设计，在鸟瞰视图和逐屏详细演示之间自由切换。