文字生成 UI
透過文字提示生成 UI,讓產品構想能從描述直接變成第一版介面草稿,而不必從空白畫布開始。
腾讯设计 Ardot 是一款 AI 驅動的設計工具,適用於產品團隊,將介面建立、版面編輯、設計系統管理與設計到開發交接整合於同一工作區。該產品標示可在 macOS 與瀏覽器中使用,並提供免費 Starter 方案及面向個人、團隊與企業的付費方案。
其來源頁面強調兩種主要工作流程:其一是 AI 輔助創作,包括文字生成 UI、圖片轉設計,以及用於文案、命名與說明的 AI 輔助功能;其二是面向生產的編輯與交付,包括向量編輯、動態版面控制、共享設計資產、團隊協作與工程交接輸出。
定價頁面區分個人、團隊與企業使用情境,也描述了設計座位與開發者座位的分工,顯示該產品被設計用來在同一平台中同時支援創意編輯與後續實作。
網站的文件與政策頁面將此服務定義為由 Tencent 營運的線上設計協作平台,而歸屬頁面則顯示產品發佈包含大量開源套件。
透過文字提示生成 UI,讓產品構想能從描述直接變成第一版介面草稿,而不必從空白畫布開始。
將圖片轉換為設計草稿,為重設計、參考式迭代或快速重建既有版面提供起點。
使用向量工具編輯版面與視覺細節,包括鋼筆編輯與進階形狀及變形操作支援。
運用 Grid、百分比定位與真實比例鎖定等動態版面行為,使設計能適應不同螢幕尺寸。
管理元件、色彩樣式、文字樣式與變數,讓設計資產能在檔案或團隊間保持可重用與同步。
透過帶註解的規格、元件選項、程式碼片段,以及 CSS、iOS、Android、PNG、JPG、SVG 與 PDF 等匯出格式,順利從設計交接到開發。
使用 Ardot 將簡報或提示詞轉換為初始介面草稿,接著再以版面與向量工具精修,而不必從零開始。
將現有截圖或參考圖片重建或重新詮釋為可編輯的設計草稿,以加快迭代。
建立可重複使用的元件、樣式與變數,讓團隊能在不同檔案與專案間維持產品畫面的視覺一致性。
為工程師準備含尺寸、元件變體、Token 與程式碼片段的交接素材,以減少實作過程中的來回溝通。
為團隊或企業協作整理權限、審核活動與資產存取,特別適合需要不同存取層級的多角色情境。
Ardot 提供免費的 Starter 個人版本;Pro、Team 與 Enterprise 方案則在定價頁面中列出,部分方案於限時免費期間可使用。網站也提供 Enterprise 的 Demo/POC 路徑。
Ardot 的 AI Credits 是用於影像生成、風格轉換、智慧編輯與 UI 預覽等 AI 功能的統一單位。定價頁面說明,新使用者在限時免費期間可獲得 1000 AI Credits,而各方案也包含指定的每月額度。
網站將設計座位提供給設計師與產品經理,將開發者座位提供給工程工作流程。設計座位涵蓋編輯、元件與 AI 創作;開發者座位涵蓋檢視、註解、切片、Token 同步與程式碼生成。
來源頁面顯示支援 macOS 用戶端與網頁版。首頁與定價頁也描述了設計到開發交接、程式碼匯出與團隊協作等工作流程功能。
來源重點提到可匯出 CSS、iOS 與 Android 的程式碼,以及包含註解與 Token 同步的專門開發工作流程。所提供的頁面未列出完整的第三方整合目錄。
Refero MCP 連接相容 MCP 的 AI agent 與 Refero 精選的網頁與 iOS 產品介面、使用流程庫,協助在生成 UI 前先研究真實設計模式;此功能包含於 Refero Pro 方案。
PixelDrive 是一款批次圖片生成 API,可透過瀏覽器編輯器、REST API、CSV 批次或 MCP,從單一模板快速產生大量一致的品牌圖片,採用用量計費並支援快取渲染。
Napkin AI 將文字轉成可編輯視覺圖,適用於簡報、文件與可分享內容;支援以文字優先生成,並可協作後匯出為 PPT、PNG、SVG 或 PDF。
Pixso 是一款新一代的 AI 原生 UI 設計工具,允許用戶一鍵生成設計草稿和代碼,是 Figma 的國內替代品。
創客貼 AI 是一個 AI 智能設計平台,包含了多種 AI 設計工具,幫助用戶降低設計難度,提升設計效率。
Make Real 是一款 Next.js 應用,可將手繪線框圖轉成可運作的 HTML 原型,整合 tldraw SDK 與 AI models,支援畫布草繪、產生程式碼與內嵌預覽檢視。