figma-generate-library
コードベースからFigmaの専門的なデザインシステムを構築・更新できます。変数/トークンの作成、コンポーネントライブラリの構築、テーマ設定（ライト/ダークモード）、基盤ドキュメントの整備、またはコードとFigmaのギャップ解消が必要な場合に使用してください。このスキルは何を構築すべきか、どの順序で進めるかを教えます。`figma-use`スキルはPlugin APIの呼び出し方法を教えるため、両方のスキルを一緒に読み込んでください。
description の原文を見る
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
SKILL.md 本文
デザインシステムビルダー — Figma MCP スキル
コードに合致する専門的な設計システムを Figma で構築します。このスキルは、実世界の設計システム(Material 3、Polaris、Figma UI3、Simple DS)から品質パターンを強制し、20～100+ の use_figma 呼び出しにわたる複数フェーズワークフローを調整します。
前提条件: figma-use スキルは use_figma の呼び出しのたびに読み込む必須です。これは Plugin API の構文ルール(リターンパターン、ページリセット、ID リターン、フォント読み込み、カラーレンジ)を提供します。このスキルは設計システムドメイン知識とワークフロー調整を提供します。
use_figma を呼び出す際、このスキルの一部として常に skillNames: "figma-generate-library" を渡してください。 これはロギング用パラメータで、実行に影響しません。
1. 最も重要な唯一のルール
これは決してワンショットタスクではありません。 設計システムの構築には、複数フェーズにわたる 20～100+ の use_figma 呼び出しと、それらの間の必須のユーザーチェックポイントが必要です。すべてを
...
詳細情報
- 作者
- openai
- リポジトリ
- openai/skills
- ライセンス
- 不明
- 最終更新
- 2026/5/12
Source: https://github.com/openai/skills / ライセンス: 未指定