Communitygithub.com

senlindesign/claude2figma

Claude Code + Figma 向けデザインハーネス — AIをデザインシステムのレールに乗せ続ける5つのスキル。コンポーネントはリンクされたまま、トークンはバインドされたまま、仕様から逸脱することはありません。

claude2figma とは?

senlindesign/claude2figma は、Claude Code と Figma を統合するための5つのスキルを提供するデザインハーネスです。このツールは、AIエージェントがデザインシステムのルールに従いながら、Figma のコンポーネントやデザイントークンを操作できるようにします。具体的には、コンポーネントのリンク維持、トークンのバインド状態の確認、仕様に沿ったデザイン変更の提案などを行います。Claude Code のターミナルベースのインターフェース上で動作し、Figma API を通じてデザインデータとやり取りします。これにより、開発者は AI によるデザイン操作がデザインシステムの一貫性を保ちながら行われることを保証でき、手動での確認作業を大幅に削減できます。各スキルはマークダウンファイルとして提供され、Claude Code が読み込んで実行します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add senlindesign/claude2figma

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

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

ドキュメント

claude2figma は何をしますか?

Claude Code + Figma 向けデザインハーネス — AIをデザインシステムのレールに乗せ続ける5つのスキル。コンポーネントはリンクされたまま、トークンはバインドされたまま、仕様から逸脱することはありません。

関連スキル