Design Editorドキュメントリファレンス
コマンドライン
de コマンドは実行中のエディタと通信します。エージェントが MCP でできることは、すべてターミナルやスクリプトからも実行できます。
1エディタを起動する
| コマンド | 機能 |
|---|---|
de start [--file F] | MCP サーバー付きでエディタを開きます。 |
de start --web [--host H] | エディタをブラウザ向けに配信します。 |
de start --headless | ウィンドウなしで MCP サーバーを実行します。 |
de stop / de status | 停止するか、実行中かどうかを表示します。 |
de は実行中のエディタを自動で見つけます。別の場所を指定するには --port、ドキュメントとページを選ぶには --file と --page、読みやすい出力にするには --pretty を使います。
2エクスポート
ターミナル
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 を使うと、アニメーションするシェーダーを指定した時点でレンダリングします。
3読み取りと編集
| コマンド | 機能 |
|---|---|
de get, de selection, de read-nodes | 種類、名前、ID でレイヤーを読み取ります。 |
de insert, de update, de delete, de move, de copy, de replace | JSON でレイヤーを変更します。 |
de design | デザインスクリプトを実行します。 |
de design:skeleton, design:content, design:refine | レイヤードワークフローです。 |
de page list|add|rename|reorder|duplicate|remove | ページ。 |
de vars, de themes, de theme:save|load|list | 変数とテーマ。 |
de layout, de find-space | レイアウトを調べ、新しいボードを置く場所を探します。 |
de templates, de use-template, de styles | テンプレートとスタイルガイド。 |
4インポートとコード
ターミナル
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 と de import:snapshot は pen.dev ファイルと Web スナップショットに対応しています。
5任意のツールを呼び出す
de tools はすべての MCP ツールを一覧表示します。key=value 形式の引数でツールを呼び出せます：
ターミナル
de set_node_fill_hex id=hero hex=#3e6df5