figma-canvas-editor

Figma Canvas Editor

Figma を直接変更する場合は、このスキルを使用してください。読み取り専用の把握には figma-context-reader を、トークン／ライブラリの管理には figma-design-system-sync を使用してください。

モード

• create：フレーム、セクション、コンポーネント、オブジェクト、レイアウトを追加します。
• update：選択したノード、レイアウト、スタイル、変数、テキスト、コンポーネントインスタンスを変更します。
• delete：明示された範囲に限り、エフェクト、ノード、バリアント、不要になったオブジェクトを削除します。
• figjam：FigJam のオブジェクト、セクション、コネクタ、図形を編集します。
• slides：Slides スキルが利用可能な場合は、Figma Slides のコンテンツを編集します。

ワークフロー

1. 対象のファイル／ページ／フレーム／ノードと、変更する正確な範囲を確認します。
2. 広範囲を変更する場合は、重要なフレームを事前に複製することを優先します。
3. use_figma を呼び出す前に figma:figma-use を呼び出します。FigJam または Slides の場合は、該当するインストール済みの Figma スキルも呼び出します。
4. 編集前に現在のメタデータを読み取ります。
5. 可能な場合は、ネイティブの Figma オブジェクト、自動レイアウト、コンポーネント、変数、スタイルを使用して変更を適用します。
6. 編集後にメタデータを再度読み取り、可能であればスクリーンショット／エクスポートの証拠を取得します。
7. 変更した対象、証拠、実施をスキップした確認項目、ロールバック方法を報告します。

変更の制限

• 明示的な承認なしに、広範囲に及ぶ破壊的な変更を行わないでください。
• ユーザーからその結果を求められない限り、インスタンスの分離、ベクターのフラット化、編集可能なテキストのラスタライズ、変数／スタイルの削除を行わないでください。
• ノード ID を捏造したり、MCP の証拠なしに選択したノードが存在すると主張したりしないでください。
• 既存のファイルで確認できる場合は、デザインシステムの命名規則に一貫性を持たせてください。

出力形式

assets/canvas-edit-report.md を使用してください。

検証と評価

• すべての変更レポートに、対象、範囲、変更前の証拠、変更後の証拠、実施をスキップした確認項目が含まれていることを確認します。
• 読み取り直しがない場合は、変更成功の証拠として扱わず、Skipped または Blocked とします。
• 範囲を限定した作成プロンプトと破壊的な削除プロンプトを先行評価するには、evals/evals.json を使用します。