export-to-figma

Figma MCP サーバーを使用して React コンポーネントとページを Figma にプッシュできます。ユーザーが「Figma にエクスポート」「Figma にプッシュ」「Figma デザインを作成」「Figma に送信」と言った場合、またはコードから Figma デザインを作成したい場合に使用します。

Figma エクスポートスキル

パラメータ

target (必須): エクスポート対象のコンポーネント名またはページルート
outputMode (オプション): newFile、existingFile、または clipboard (デフォルト: ユーザーに確認)
figmaFileKey (オプション): outputMode が existingFile の場合に必須

前提条件

このスキルには Figma MCP サーバー (figma@claude-plugins-official) が必要です。利用できない場合は、以下のメッセージを報告してください: "Figma MCP サーバーが接続されていません。.claude/settings.json で figma@claude-plugins-official を有効にするか、Figma 認証を確認してください。"

ワークフロー

1. ターゲットの特定

ターゲットがコンポーネントまたはページであるかを判断する
コンポーネント/ページのソースファイルを読む
ファイルが存在することを確認する

2. 開発サーバーの起動

Vite 開発サーバーを起動: npm run dev
サーバーの準

...