Design Editor文件參考資料
命令列
de 指令會與執行中的編輯器溝通。Agent 能透過 MCP 做到的事，你都可以在終端機或腳本中完成。
1執行編輯器
| 指令 | 用途 |
|---|---|
de start [--file F] | 開啟編輯器及其 MCP 伺服器。 |
de start --web [--host H] | 透過瀏覽器提供編輯器。 |
de start --headless | 不開視窗執行 MCP 伺服器。 |
de stop / de status | 停止編輯器，或顯示它是否正在執行。 |
de 會自行找到執行中的編輯器。用 --port 指向其他執行個體，用 --file 和 --page 選擇文件和頁面，用 --pretty 輸出易讀的格式。
2匯出
終端機
de export --selection --output hero.png --scale 2
de export-frames --output-dir out --format webp
de export-deck --output deck.pdf --format pdf--time-ms 會在指定的時間點算繪動畫著色器。
3讀取和編輯
| 指令 | 用途 |
|---|---|
de get, de selection, de read-nodes | 依類型、名稱或 id 讀取圖層。 |
de insert, de update, de delete, de move, de copy, de replace | 依 JSON 變更圖層。 |
de design | 執行設計腳本。 |
de design:skeleton, design:content, design:refine | 分層工作流程。 |
de page list|add|rename|reorder|duplicate|remove | 頁面。 |
de vars, de themes, de theme:save|load|list | 變數和主題。 |
de layout, de find-space | 檢查佈局，為新畫板找出空間。 |
de templates, de use-template, de styles | 範本和風格指南。 |
4匯入和程式碼
終端機
de import:figma design.fig --out design.de
de import:svg logo.svg
de import:html page.html
de codegen:assemble <planId> --framework reactde import:pen 和 de import:snapshot 分別用於 pen.dev 檔案和網頁快照。
5呼叫任何工具
de tools 會列出所有 MCP 工具。以 key=value 形式的引數呼叫其中一個：
終端機
de set_node_fill_hex id=hero hex=#3e6df5