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