
Buddy
Buddy 是一個 Figma 的 AI 設計代理插件,它直接在畫布上生成和編輯真實、可編輯的 UI,包括 HTML 到 Figma 和網站 URL 克隆,並提供並行 AI 聊天以加快迭代速度。
https://www.figma.com/community/plugin/1616481120325792817/buddy-figma-design-agent-ux-ai-co-pilot-ux-assistant-ai-chat-god-mode-wireframe-generator?ref=producthunt&utm_source=aipure

產品資訊
更新時間:2026年06月22日
什麼是 Buddy
Buddy 是一個 AI 設計代理(UX 副駕駛),在 Figma 內部運行,幫助產品團隊在不離開畫布的情況下生成、擴展和迭代真實設計。它作為 Figma 助手,支援透過聊天創建螢幕、流程、組件和變體,還可以透過將 HTML 文件或公共網站 URL 轉換為可編輯的 Figma 圖層來重新創建現有介面。Buddy 專為希望在 Figma 中直接進行 AI 輔助設計工作流程的團隊而設計,從早期的線框圖到更完整的 UI 佈局。
Buddy 的主要功能
Buddy 是一款 AI 設計代理,直接在 Figma 中作為設計夥伴/UX 副駕駛工作,幫助團隊在畫布上生成和迭代真實、可編輯的設計。它可透過聊天建立螢幕、流程、組件和變體,自動執行重複的編輯任務,並支援平行聊天以同時探索多個方向。Buddy 還透過從即時網站(URL 貼上)或 HTML 檔案重新建立可編輯的 Figma 圖層,加速「從現有 UI 開始」的工作流程,並且當團隊需要從 Figma 到生產程式碼的路徑時,它可以融入 Anima 更廣泛的交付工作流程。
Figma 中的聊天驅動 UI 生成: 無需離開 Figma 畫布,即可從提示生成螢幕、使用者流程、組件和變體。
網站到 Figma 克隆(URL 導入): 貼上公共連結,Buddy 會在 Figma 內部重新建立頁面佈局,並帶有可編輯的圖層、區塊和組件。
HTML 到 Figma 轉換: 拖放 HTML 檔案(或使用基於 HTML 的工作流程)將現有 UI 轉換為結構化的 Figma 圖層,以加快迭代速度。
畫布內編輯和自動化: 作為 Figma 助手編輯現有設計,加速重複性任務,並幫助團隊在生產工作中更快地移動。
用於探索的平行 AI 聊天: 同時運行多個聊天,並排探索不同的頁面變體、設備版本或設計方向。
多模型 + 交付生態系統支援: 設計用於與您「選擇的 LLM」協同工作,並與 Anima 的交付工具配對,當工程需要更清晰的程式碼路徑時。
Buddy 的使用案例
產品團隊原型化新功能: 直接在現有的 Figma 檔案中快速生成和迭代新的螢幕/流程(例如,入門、結帳、設定),以加速與產品經理和工程師的協調。
行銷登陸頁面和 A/B 變體: 在平行聊天中建立多個登陸頁面方向,快速比較佈局,並迭代區塊/組件,而無需從頭開始重建。
競爭分析和重新設計起點: 將公共網頁複製到可編輯的 Figma 圖層中,以分析模式、基準化 UX,並作為重新設計的起始基準。
設計系統擴展和組件迭代: 生成組件變體和螢幕組合,團隊可以將其精煉成可重複使用的模式,加速庫的成長和一致性工作。
代理機構工作流程,加快客戶草稿: 將客戶的現有網站(URL/HTML)轉換為可編輯的 Figma 檔案,然後提出改進的佈局和頁面變體以供審查。
設計到工程交付加速: 當團隊準備好構建時,Buddy 的輸出可以與 Anima 更廣泛的工作流程保持一致,以減少從 Figma 到實施的摩擦。
優點
直接在 Figma 畫布內工作,減少生成和迭代的上下文切換。
透過 URL 克隆和 HTML 到 Figma 轉換為可編輯圖層,實現快速「導入現有 UI」工作流程。
平行聊天可以更快地同時探索多個概念/變體。
作為重複編輯和生產任務的實用助手,而不僅僅是構思。
缺點
品質和實用性可能因任務而異;生成的佈局可能很通用,仍需要設計師精煉。
某些審查/分析回饋可能以文字形式返回,需要在 Figma 檔案中手動應用/驗證。
網站/HTML 重建的保真度可能取決於原始頁面的複雜性,可能需要清理才能完美符合設計系統。
如何使用 Buddy
1. 從 Figma 社區安裝 Buddy: 在 Figma 社區中打開 Buddy 插件頁面,然後點擊安裝。(Buddy 被列為「Buddy Figma 設計代理/UX AI 副駕駛」。)
2. 打開您要工作的 Figma 文件: 啟動 Figma Design 並打開(或創建)您希望 Buddy 直接在畫布上生成或編輯設計的文件/專案。
3. 運行 Buddy 插件: 在您的 Figma 文件中,打開插件菜單,找到 Buddy,然後運行它以打開 Buddy 基於聊天的助手 UI。
4. (可選) 準備您的設計系統上下文: 如果您的文件已經包含組件、變數、排版、顏色和樣式,請將它們保留在文件中,以便 Buddy 可以生成與您現有視覺語言一致的螢幕。
5. 從聊天生成新螢幕或 UI: 在 Buddy 的聊天中,描述您想要什麼(例如,螢幕、流程、組件或變體)。Buddy 將直接在畫布上生成真實、可編輯的 Figma 圖層。
6. 透過聊天編輯或擴展現有設計: 選擇一個現有的框架/螢幕(如果需要),並要求 Buddy 修改它(例如,迭代佈局、創建變體、擴展流程)。Buddy 使用 Figma 原生結構(如圖層和組件)在畫布上應用更改。
7. 將實時網站克隆到 Figma (URL → Figma): 將公共網站 URL 粘貼到 Buddy 的聊天中。Buddy 會在 Figma 內部重新創建頁面佈局,其中包含可編輯的圖層/部分/組件——這對於沒有 Figma 源的重新設計非常有用。
8. 從 HTML 導入 (HTML → Figma): 在 Buddy 中拖放/附加 HTML 文件(或提供 HTML),並要求 Buddy 將其轉換為 Figma 圖層,將結構轉換為可編輯的設計元素。
9. 並行探索多個方向: 使用 Buddy 的並行聊天同時運行多個設計任務(例如,一個聊天用於登陸頁面變體,另一個用於移動版本),然後在同一文件中並排比較結果。
10. 透過後續提示快速迭代: 繼續對話以進行精煉:請求替代佈局、流程中的額外螢幕、組件變體或與您的品牌/設計系統對齊。Buddy 專為快速生成 → 審查 → 迭代循環而設計。
Buddy 常見問題
Buddy 是 Figma 中的 AI 設計代理人,一個 AI 設計夥伴,可協助團隊直接在 Figma 畫布中生成、擴展和迭代真實設計。
Buddy 網站分析
Buddy 流量和排名
89.4M
每月訪問量
#201
全球排名
#15
類別排名
流量趨勢:Jul 2024-Jun 2025
Buddy 用戶洞察
00:13:32
平均訪問時長
20.5
每次訪問的頁面數
24.06%
用戶跳出率
Buddy 的主要地區
US: 15.36%
IN: 11.43%
RU: 8.18%
CN: 4.61%
JP: 3.39%
Others: 57.02%











