create-design-system-rules
✓ユーザーのコードベース用のカスタム設計システム ルールを生成します。ユーザーが「デザイン システム ルールを作成する」、「プロジェクトのルールを生成する」、「デザイン ルールを設定する」、「デザイン システム ガイドラインをカスタマイズする」と言う場合、または Figma からコードへのワークフローのプロジェクト固有の規則を確立したい場合に使用します。 Figma MCP サーバー接続が必要です。
SKILL.md
This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide Claude to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically.
Design system rules are project-level instructions that encode the "unwritten knowledge" of your codebase - the kind of expertise that experienced developers know and would pass on to new team members:
Once defined, these rules dramatically reduce repetitive prompting and ensure consistent output across all Figma implementation tasks.
ユーザーのコードベース用のカスタム設計システム ルールを生成します。ユーザーが「デザイン システム ルールを作成する」、「プロジェクトのルールを生成する」、「デザイン ルールを設定する」、「デザイン システム ガイドラインをカスタマイズする」と言う場合、または Figma からコードへのワークフローのプロジェクト固有の規則を確立したい場合に使用します。 Figma MCP サーバー接続が必要です。 ソース: figma/mcp-server-guide。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
create-design-system-rules とは?
ユーザーのコードベース用のカスタム設計システム ルールを生成します。ユーザーが「デザイン システム ルールを作成する」、「プロジェクトのルールを生成する」、「デザイン ルールを設定する」、「デザイン システム ガイドラインをカスタマイズする」と言う場合、または Figma からコードへのワークフローのプロジェクト固有の規則を確立したい場合に使用します。 Figma MCP サーバー接続が必要です。 ソース: figma/mcp-server-guide。
create-design-system-rules のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/figma/mcp-server-guide
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01