mcpField
F
figma-create-design-system-rules

figma-create-design-system-rules

github.com/nexu-ioデザイン・UI104.6k2.8k 回インストール1 日前に更新
リポジトリ

figma-create-design-system-rules について

figma-create-design-system-rulesは、Figmaからコードへのワークフロー向けに、プロジェクト固有のデザインシステム規則を作成するスキルです。トークン、命名規則、lintルールを一元化します。

主な機能

  1. 01プロジェクト固有ルールの生成
  2. 02デザイントークンの記録
  3. 03命名規則の定義
  4. 04lintルールの整理

活用シーン

  1. 01Figmaからコードへの作業の準備
  2. 02デザイントークンの文書化
  3. 03命名規則とlintルールの統一

MCP 対応

FigmaのMCPサーバーガイドをもとにまとめられています。入力にはMCPサーバーの機能説明はありません。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/nexu-io/open-design --skill figma-create-design-system-rules

インストール後、Claude Code で/figma-create-design-system-rulesを入力して読み込まれたか確認します。

詳細

figma-create-design-system-rules

Figma の MCP サーバーガイドをもとに作成されています。

概要

Figma からコードへのワークフローで使用する、プロジェクト固有のデザインシステムルールを生成します。トークン、命名規則、リンタールールをひとつのソースにまとめるのに便利です。

ソース

使用方法

このカタログエントリーは、計画時にエージェントがこのスキルを見つけられるよう、OpenDesign でスキルを紹介します。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流バンドルをアクティブなエージェントのスキルディレクトリにインストールしてください。

# Inspect the upstream README for exact paths
open https://github.com/figma/skills

次に、このスキル名（figma-create-design-system-rules）を指定するか、このスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼してください。

コメント

Markdown 対応