Communitygithub.com

figma/figma-create-design-system-rules

Figma からコードへのワークフロー向けに、プロジェクト固有のデザインシステムルールを生成します。

figma-create-design-system-rules とは?

このスキルは、Figma デザインからコード生成を行う際に、プロジェクト固有のデザインシステムルールを自動生成します。Figma コンポーネントとコードベースの対応関係を定義し、Color、Typography、Spacing などのトークンやコンポーネント命名規則を標準化します。これにより、デザイナーと開発者間の認識の齟齬を減らし、一貫性のある UI 実装を効率的に行うことが可能になります。Figma プラグインや各種コード生成ツールと連携して使用することを想定しており、生成されたルールはマークダウンファイルとしてエクスポートされます。

対応~Claude Code~Codex CLI~Cursor
npx skills add figma/figma-create-design-system-rules

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

figma-create-design-system-rules は何をしますか?

Figma からコードへのワークフロー向けに、プロジェクト固有のデザインシステムルールを生成します。

関連スキル