Design EditorDocumentaciónReferencia
Línea de comandos
El comando “de” se comunica con el editor en ejecución. Todo lo que un agente puede hacer por MCP, tú puedes hacerlo desde una terminal o un script.
1Ejecutar el editor
| Comando | Qué hace |
|---|---|
de start [--file F] | Abre el editor con su servidor MCP. |
de start --web [--host H] | Sirve el editor en un navegador. |
de start --headless | Ejecuta el servidor MCP sin ventana. |
de stop / de status | Lo detiene o muestra si está en ejecución. |
de encuentra por sí solo el editor en ejecución. Usa --port para apuntar a otro, --file y --page para elegir un documento y una página, y --pretty para obtener una salida legible.
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 los shaders animados en un instante concreto.
3Leer y editar
| Comando | Qué hace |
|---|---|
de get, de selection, de read-nodes | Lee capas por tipo, nombre o id. |
de insert, de update, de delete, de move, de copy, de replace | Modifica capas a partir de JSON. |
de design | Ejecuta un script de diseño. |
de design:skeleton, design:content, design:refine | El flujo por capas. |
de page list|add|rename|reorder|duplicate|remove | Páginas. |
de vars, de themes, de theme:save|load|list | Variables y temas. |
de layout, de find-space | Inspecciona el diseño y busca espacio para un nuevo tablero. |
de templates, de use-template, de styles | Plantillas y guías de estilo. |
4Importar y generar 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 y de import:snapshot cubren los archivos de pen.dev y las capturas web.
5Llamar a cualquier herramienta
de tools lista todas las herramientas MCP. Llama a una con argumentos key=value:
Terminal
de set_node_fill_hex id=hero hex=#3e6df5