Design EditorDocsReference
Command line
The de command talks to the running editor. Everything an agent can do over MCP, you can do from a terminal or a script.
1Run the editor
| Command | What it does |
|---|---|
de start [--file F] | Open the editor with its MCP server. |
de start --web [--host H] | Serve the editor to a browser. |
de start --headless | Run the MCP server with no window. |
de stop / de status | Stop it, or show whether it is running. |
de finds the running editor by itself. Use --port to point it elsewhere, --file and --page to pick a document and page, and --pretty for readable output.
2Export
Terminal
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 renders animated shaders at a chosen moment.
3Read and edit
| Command | What it does |
|---|---|
de get, de selection, de read-nodes | Read layers by type, name or id. |
de insert, de update, de delete, de move, de copy, de replace | Change layers from JSON. |
de design | Run a design script. |
de design:skeleton, design:content, design:refine | The layered workflow. |
de page list|add|rename|reorder|duplicate|remove | Pages. |
de vars, de themes, de theme:save|load|list | Variables and themes. |
de layout, de find-space | Inspect layout, find room for a new board. |
de templates, de use-template, de styles | Templates and style guides. |
4Import and code
Terminal
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 and de import:snapshot cover pen.dev files and web snapshots.
5Call any tool
de tools lists every MCP tool. Call one with key=value arguments:
Terminal
de set_node_fill_hex id=hero hex=#3e6df5