Design EditorDokuReferenz
Kommandozeile
Der Befehl „de“ kommuniziert mit dem laufenden Editor. Alles, was ein Agent über MCP tun kann, können Sie aus einem Terminal oder einem Skript tun.
1Den Editor ausführen
| Befehl | Funktion |
|---|---|
de start [--file F] | Den Editor mit seinem MCP-Server öffnen. |
de start --web [--host H] | Den Editor für einen Browser bereitstellen. |
de start --headless | Den MCP-Server ohne Fenster ausführen. |
de stop / de status | Ihn beenden oder anzeigen, ob er läuft. |
de findet den laufenden Editor selbst. Mit --port verweisen Sie auf einen anderen, mit --file und --page wählen Sie Dokument und Seite, und --pretty sorgt für lesbare Ausgabe.
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 rendert animierte Shader zu einem gewählten Zeitpunkt.
3Lesen und bearbeiten
| Befehl | Funktion |
|---|---|
de get, de selection, de read-nodes | Ebenen nach Typ, Name oder ID lesen. |
de insert, de update, de delete, de move, de copy, de replace | Ebenen aus JSON ändern. |
de design | Ein Design-Skript ausführen. |
de design:skeleton, design:content, design:refine | Der mehrstufige Workflow. |
de page list|add|rename|reorder|duplicate|remove | Seiten. |
de vars, de themes, de theme:save|load|list | Variablen und Themes. |
de layout, de find-space | Layout prüfen, Platz für ein neues Board finden. |
de templates, de use-template, de styles | Vorlagen und Styleguides. |
4Import und 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 und de import:snapshot decken pen.dev-Dateien und Web-Snapshots ab.
5Ein beliebiges Tool aufrufen
de tools listet jedes MCP-Tool auf. Rufen Sie eines mit key=value-Argumenten auf:
Terminal
de set_node_fill_hex id=hero hex=#3e6df5