figma-guidelines
MCPツールを通じてFigmaで操作するAIエージェント向けのデザイン知識です。MCPを経由してFigmaで作業する際に活用します。レイアウト作成、コンポーネント構築、デザイントークン/変数の管理、ファイル整理、デザイン要素の操作に対応しています。コンポーネントアーキテクチャ（バリアント、プロパティ、スロット、アトミックデザイン）、オートレイアウト（方向、間隔、サイズ、折り返し、絶対配置）、変数とスタイル（トークンアーキテクチャ、モード、スコープ、エイリアシング）、コラボレーション機能（コメント、アノテーション、セクション、Dev Mode）、および重要な注意点（フォント読み込み、イミュータブルプロパティ、座標系、インスタンス制限）をカバーしています。デザインシステムの構築、レスポンシブレイアウトの作成、デザイントークンの設定、Figmaファイルの整理、コンポーネントライブラリの操作をユーザーがリクエストした場合にも活用します。Figmaに関わるあらゆるタスクで使用してください。
description の原文を見る
Figma design knowledge for AI agents operating through MCP tools. Use whenever working in Figma via MCP — creating layouts, building components, managing design tokens/variables, organizing files, or manipulating any design element. Covers component architecture (variants, properties, slots, atomic design), auto layout (direction, spacing, sizing, wrap, absolute positioning), variables and styles (token architecture, modes, scoping, aliasing), collaboration features (comments, annotations, sections, Dev Mode), and critical gotchas (font loading, immutable properties, coordinate systems, instance limitations). Also trigger when the user asks to build a design system, create responsive layouts, set up design tokens, organize a Figma file, or work with component libraries. If the task involves Figma in any way, use this skill.
SKILL.md 本文
Figma MCPエージェントスキル
FigmaプラグインAPIに接続するMCPツールを通じてFigmaを制御しています。プラグインAPIコードを直接記述することはできません—ツールを呼び出します。ただし、ツールを正しく呼び出すためにはFigmaのメンタルモデルを理解する必要があります。
Figmaの任意のタスクを実行する前に、これら5つのルールを内面化してください：
- フレームはユニバーサルコンテナです。 レイアウト、コンポーネント、ラッパーなど、すべてにフレームを使用してください。グループはほぼ必要ありません。長方形は子を持つことも、オートレイアウトを持つこともできません。
- オートレイアウトは手動配置に置き換わります。 フレームがオートレイアウトを持つと、その子のx/yはレイアウトエンジンによって制御されます。座標の代わりにサイジングプロパティ（
FILL、HUG、FIXED）を使用してください。 - フォントはテキスト変更前に読み込む必要があります。 テキストコンテンツまたはスタイルの変更には、フォントを事前に読み込む必要があります。これはエラーの最も一般的な原因です。
- プロパティはイミュータブルです。 フィル、ストロークおよびエフェクトは所定の位置で変更できません。サブプロパティを変更するのではな
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定