Design EditorDocsRéférence
Ligne de commande
La commande « de » communique avec l’éditeur en cours d’exécution. Tout ce qu’un agent peut faire via MCP, vous pouvez le faire depuis un terminal ou un script.
1Lancer l’éditeur
| Commande | Rôle |
|---|---|
de start [--file F] | Ouvrir l’éditeur avec son serveur MCP. |
de start --web [--host H] | Servir l’éditeur dans un navigateur. |
de start --headless | Lancer le serveur MCP sans fenêtre. |
de stop / de status | L’arrêter, ou indiquer s’il est en cours d’exécution. |
de trouve tout seul l’éditeur en cours d’exécution. Utilisez --port pour viser une autre instance, --file et --page pour choisir un document et une page, et --pretty pour une sortie lisible.
2Exporter
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 effectue le rendu des shaders animés à un instant donné.
3Lire et modifier
| Commande | Rôle |
|---|---|
de get, de selection, de read-nodes | Lire les calques par type, nom ou id. |
de insert, de update, de delete, de move, de copy, de replace | Modifier les calques à partir de JSON. |
de design | Exécuter un script de design. |
de design:skeleton, design:content, design:refine | Le workflow par couches. |
de page list|add|rename|reorder|duplicate|remove | Pages. |
de vars, de themes, de theme:save|load|list | Variables et thèmes. |
de layout, de find-space | Inspecter la mise en page, trouver de la place pour un nouveau plan de travail. |
de templates, de use-template, de styles | Modèles et guides de style. |
4Import et 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 et de import:snapshot prennent en charge les fichiers pen.dev et les captures de pages web.
5Appeler n’importe quel outil
de tools liste tous les outils MCP. Appelez-en un avec des arguments key=value :
Terminal
de set_node_fill_hex id=hero hex=#3e6df5