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 + 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）或網頁/行動（測試版）。
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
一個基於人工智能的工具，根據用戶輸入生成獨特且個性化的車牌設計。
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 的一款人工智能驅動工具，可通過簡單的提示快速生成乾淨、響應式的網頁佈局和線框圖，幫助設計師創建結構藍圖，而不會被鎖定到特定的視覺樣式中。