Baroque
Baroque 是一个由 AI 驱动的设计工作室，可以从提示、模板或 URL“重新创建”生成可投入生产的网页和移动 UI，让您选择一种风格并快速生成可编辑的设计。
https://getbaroque.com/?ref=producthunt&utm_source=aipure
产品信息
更新于：2026年06月16日
什么是 Baroque
Baroque 是一款基于浏览器的 AI UI 设计生成器，定位为“终极设计工作室”，用于快速创建完整的产物界面。您无需从空白画布开始，而是选择一种设计风格并描述您想要构建的内容——例如 SaaS 登录页面、仪表板、电子商务商店、作品集或移动应用程序——Baroque 会在几秒钟内生成精美、可投入生产的布局。它还提供模板库，并支持将输出导出到常见的设计和构建工作流程（包括 Figma 和 HTML/CSS），使其成为从早期构思到可交付 UI 的实用工具。
Baroque 的主要功能
Baroque 是一个由 AI 驱动的 UI 设计工作室，它能根据提示、模板或现有 URL 生成可用于生产的网页和移动设计。用户可以选择视觉风格，描述他们想要构建的内容，并快速获得可编辑的输出，包括线框图和重新设计的页面概念，并可选择导出为 HTML/CSS 和 Figma。它的定位是实现从想法到界面的快速迭代，无需注册即可体验核心功能。
提示到设计生成: 用自然语言描述您的产品或屏幕，选择一种风格，Baroque 会在几秒钟内生成完整的 UI 设计。
线框模式: 通过单个提示创建像素完美的线框图，自动处理布局结构（网格、排版、组件）。
URL “重建”重新设计: 粘贴任何 URL，Baroque 会以选定的风格重新构想该网站，以便您在编码之前预览新方向。
模板库: 从可编辑的、可用于生产的模板开始（例如，SaaS 着陆页、仪表板、电子商务、作品集、公司网站）。
导出到 Figma 和 HTML/CSS: 支持将生成的設計导出到常见工作流程，实现与设计师和开发人员的交接。
Web + 移动支持: 生成适用于 Web 和移动设备的设计（标注为 Web + Mobile，其中移动设备标记为 BETA）。
Baroque 的使用场景
初创公司 MVP UI 创建: 创始人可以快速生成着陆页、用户引导和核心应用屏幕，以验证想法并更快地发布产品。
代理机构概念化和客户提案: 代理机构可以快速生成多种风格方向（通过模板或 URL 重建），以加快提案和迭代速度。
电子商务店面原型设计: 为新商店或重新设计探索创建产品列表、产品详情和购物车/结账 UI 概念。
SaaS 仪表板设计: 为内部工具或 SaaS 应用程序生成带有标准组件（表格、图表、KPI 卡片）的分析仪表板和管理面板。
营销网站重新设计探索: 营销团队可以粘贴现有 URL 并预览替代样式/布局，然后再投入工程时间。
作品集和个人品牌网站: 创作者可以生成简洁、注重排版的作品集布局，并自定义内容以快速发布。
优点
从提示、模板或 URL 快速生成可用于生产的 UI 设计
多种入口点（线框图、重建、模板）适应不同的工作流程
导出到 Figma 和 HTML/CSS 支持交接和实施
缺点
基于积分的限制（例如，免费套餐每月 25 个积分）可能会限制大量使用
移动端标记为 BETA，意味着可能存在限制或不稳定
质量和品牌特异性可能仍需要手动优化才能获得精美的最终设计
如何使用 Baroque
1) 打开 Baroque: 访问 https://getbaroque.com/ 并立即开始（网站提示“立即尝试——无需注册”）。
2) 选择您想设计的内容: 在主页上，根据您的目标平台选择主要工作流程之一：线框图（从提示生成布局）、重新创建（重新设计现有 URL）或 Web/移动（测试版）。
3) 选择一种设计风格: 从可用的风格/模板中选择一种视觉风格。产品流程强调：“选择一种风格，描述您的愿景，并在几秒钟内获得可投入生产的设计。”
4) (选项 A) 使用 /wireframe 从提示生成: 选择 /wireframe 流程。在单个提示中描述您的布局并指定您想要的组件。Baroque 将自动处理排版和网格，组装线框图。
5) 审查生成的线框图/设计: 检查生成的屏幕并验证结构（导航、部分、卡片、表格、图表等）是否符合您的意图，然后再继续。
6) (选项 B) 使用 /recreate 重新设计现有网站: 选择 /recreate 流程。粘贴任何 URL，然后选择一种风格并描述您想要的方向。Baroque 将“重新构想”该网站，以便您在编写代码之前预览新外观。
7) (选项 C) 从 /templates 开始: 打开 /templates 并选择一个精选模板（例如，SaaS 登录页面、仪表板分析、电子商务商店、极简作品集、企业网站）。使用您的内容对其进行自定义。
8) 迭代：优化提示/风格/模板: 如果输出不正确，请调整您的描述（布局要求、部分、组件选择）和/或切换风格/模板，然后重新生成，直到设计符合您的目标。
9) 导出您的设计: 使用导出选项（在计划中列出）导出为 HTML/CSS 和/或 Figma，用于生产交付和实施。
10) (可选) 如果您需要更多积分/功能，请选择计划: 如果您达到限制，请根据每月积分和包含的功能（例如，模板和风格、品牌工具包、AI 插图、自定义设计法则、导出）选择定价层级（入门版/专业版/专业版+）。
Baroque 常见问题
《巴洛克》是Sting开发/发行的roguelike角色扮演游戏。PlayStation版本于1999年10月28日发布，它也被称为“Baroque International”（日版），并在日本发布了Wii版本。
与 Baroque 类似的最新 AI 工具
Personalized License Plate Generator
一个基于AI的工具，根据用户输入生成独特且个性化的车牌设计。
Keak
Keak是一款AI驱动的A/B测试工具，自动生成网站变体，启动测试并优化转化。
Makeasite
Makeasite是一个创新的网站构建器，允许用户仅使用提示快速创建和分享网站。
Adviseful
Adviseful是一款AI驱动的工具，加速了IT咨询公司和数字代理机构的网页和移动应用规划，将想法转化为合格的潜在客户仅需几分钟。
类似 Baroque 的热门 AI 工具
GPT Engineer
GPT Engineer 是一个 AI 驱动的软件开发工具，使任何人都能通过与 AI 工程师聊天来构建网络应用程序。
Framer
Framer是一个强大的网页构建器，允许设计师使用直观的界面创建令人惊叹的响应式网站，并即时发布，无需编码。
Framer Workshop
Framer Workshop 是一个内置于 Framer 中的 AI 驱动的组件生成器，它允许设计师和开发人员通过简单的对话提示创建高级的、可定制的网站组件，而无需编写代码。
Wireframer
Wireframer 是 Framer 的一款人工智能驱动工具，可从简单的提示快速生成干净、响应式的网页布局和线框图，帮助设计师创建结构蓝图，而不会陷入特定的视觉风格。