Design EditorDocumentaçãoReferência
Linha de comando
O comando “de” se comunica com o editor em execução. Tudo o que um agente faz via MCP, você pode fazer de um terminal ou de um script.
1Executar o editor
| Comando | O que faz |
|---|---|
de start [--file F] | Abre o editor com o servidor MCP. |
de start --web [--host H] | Serve o editor para um navegador. |
de start --headless | Executa o servidor MCP sem janela. |
de stop / de status | Encerra o editor ou mostra se ele está em execução. |
O de encontra o editor em execução sozinho. Use --port para apontar para outro lugar, --file e --page para escolher um documento e uma página, e --pretty para uma saída legível.
2Exportar
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 renderiza shaders animados em um momento escolhido.
3Ler e editar
| Comando | O que faz |
|---|---|
de get, de selection, de read-nodes | Lê camadas por tipo, nome ou id. |
de insert, de update, de delete, de move, de copy, de replace | Altera camadas a partir de JSON. |
de design | Executa um script de design. |
de design:skeleton, design:content, design:refine | O fluxo em camadas. |
de page list|add|rename|reorder|duplicate|remove | Páginas. |
de vars, de themes, de theme:save|load|list | Variáveis e temas. |
de layout, de find-space | Inspeciona o layout e encontra espaço para uma nova prancheta. |
de templates, de use-template, de styles | Modelos e guias de estilo. |
4Importação e código
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 e de import:snapshot cobrem arquivos do pen.dev e snapshots de páginas web.
5Chamar qualquer ferramenta
de tools lista todas as ferramentas MCP. Chame uma delas com argumentos key=value:
Terminal
de set_node_fill_hex id=hero hex=#3e6df5