Ardot

Ardot 是什麼？

Ardot 是由騰訊雲 CodeBuddy 團隊開發的協作設計平台，目前處於公開測試階段。它連接產品經理、設計師和開發者，讓使用者從文字描述生成完全可編輯的介面設計檔案——不是靜態圖片，而是分層的、基於元件的設計文件。Ardot 基於媲美 Figma 的專業向量編輯引擎，增加了 AI 生成、動態佈局系統、設計系統管理和一鍵程式碼匯出功能。它還支援透過 MCP 協定與 CodeBuddy、Cursor 和 Claude 等 AI 程式設計代理整合，實現從設計到前端程式碼的閉環工作流程。

主要功能

• 文字生成介面

  用自然語言描述介面需求，Ardot 即可即時串流生成完全可編輯的設計稿——包含獨立圖層、可替換元件、可編輯文字和可調整顏色，而非扁平化的圖片。

• 圖片轉設計

  上傳任意圖片——手繪草圖、競品截圖或產品海報——Ardot 會智慧解析為結構化、可編輯的設計檔案，並自動分層。

• 專業向量編輯

  功能完整的向量編輯器，支援傾斜、3D 旋轉、增強形狀工具、Grid 佈局、百分比定位和真實比例鎖定，適配不同螢幕尺寸的響應式設計。

• 一鍵程式碼匯出與 MCP 整合

  直接從設計稿生成 CSS、iOS 和 Android 程式碼，或透過 MCP 協定連接，讓 CodeBuddy 和 Cursor 等 AI 程式設計代理直接讀取和操作設計檔案。

• 設計系統管理

  元件、顏色樣式和文字樣式在專案中全域同步。團隊可建構可重複使用的元件庫，並基於自身業務元件標準生成新的介面設計。

• 團隊協作與企業安全

  支援多人即時協作、行內評論、版本對比、細粒度權限控制、完整操作稽核日誌，以及離職成員權限自動回收。

使用案例

• 快速介面原型設計 : 產品經理和設計師可在幾分鐘內從文字需求生成完整、可編輯的介面草稿，大幅縮短初期線框圖和原型製作時間。
• 設計到程式碼交付 : 開發團隊可檢視標註規範，並直接從設計檔案複製生產級 CSS、iOS 或 Android 程式碼，消除實作過程中的反覆溝通。
• 從 Figma 遷移 : 目前使用 Figma 的團隊可完整匯入 .fig 檔案——保留佈局、樣式和元件——無需重建現有工作即可切換到 Ardot。
• 品牌一致的資產生成 : 設計團隊可透過參考現有元件庫，生成全套風格匹配的向量圖示和介面元件，確保輸出符合團隊標準而非通用範本。
• 代理設計工作流程 : 使用 AI 程式設計代理的工程團隊可透過 MCP 連接 Ardot，實現設計與程式碼的雙向同步，讓代理自主讀取設計檔案並生成前端程式碼。

常見問題