Communitygithub.com

illarion/claude-figma-skill

Figma用Claude Codeスキル — CSSの抽出、画像のエクスポート、デザインファイルの検査を行います。

claude-figma-skill とは?

このスキルは、Claude CodeでFigmaのデザインファイルを直接操作できるようにするためのツールです。開発者はFigmaからCSSスタイルを抽出したり、画像をエクスポートしたり、デザインのコンポーネントやレイヤーを検査することができます。主にClaude Codeプラットフォーム上で動作し、デザインとコードの橋渡しを効率化します。このスキールを使用することで、開発者はデザインファイルを参照しながらコードを生成したり、デザインの詳細を確認したりする際に、わざわざFigmaのUIを行き来する必要がなくなります。GitHub上のリポジトリから入手可能で、パッケージマネージャーや手動インストールでセットアップできます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add illarion/claude-figma-skill

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

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

ドキュメント

claude-figma-skill は何をしますか?

Claude Code用Figmaスキル — CSSの抽出、画像のエクスポート、デザインファイルの検査を行います。

ソース: https://github.com/illarion/claude-figma-skill

Awesome Skillsの日次スキルハンターによって発見されました。

関連スキル