figma-implement-design

FigmaコンポーネントをコードスニペットにマッピングするFigma Code Connectテンプレートファイルを作成・管理します。ユーザーがCode ConnectやFigmaコンポーネントについて言及した場合に使用します。

ユーザーのコードベース用にカスタムデザインシステムルールを生成します。ユーザーが「デザインシステムルールを作成して」「プロジェクトのルールを生成して」「セットアップして…」と言った場合に使用します。

新しい空のFigmaファイルを作成します。ユーザーが新しいFigmaデザインやFigJamファイルを作成したい場合、またはuse_figmaを呼び出す前に新しいファイルが必要な場合に使用します。…

このスキルをfigma-useと併用して、アプリケーションページ、ビュー、または複数セクションのレイアウトをFigmaに変換するタスクを行います。トリガー: 'write to…

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…

コードベースからFigmaにプロフェッショナルグレードのデザインシステムを構築または更新します。ユーザーが変数/トークンを作成したり、コンポーネントライブラリを構築したり、設定したい場合に使用します。

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

このスキルは、エージェントがFigJamコンテキストでFigmaのuse_figma MCPツールを使用するのを支援します。use_figmaの基本的なコンテキストを持つfigma-useと併用できます。