Communitygithub.com

volume-02/figma-skills

Claude Code向けFigma→コードワークフロースキル:分析、監査、実装、リファクタリング

figma-skills とは?

このスキルは、Claude Codeと連携してFigmaデザインをコードに変換するワークフローを支援します。主に「分析」「監査」「実装」「リファクタリング」の4つの機能を提供し、デザインデータの解析、コードとの整合性チェック、UIコンポーネントの自動実装、既存コードの最適化を効率的に行えます。Figma APIを利用してデザインデータを取得し、生成AIによるコード変換を活用するため、デザイナーと開発者のコラボレーションを大幅に向上させます。Claude Codeのエージェント機能と組み合わせることで、デザインからコードへの一貫した変換プロセスを実現し、特にフロントエンド開発やUI実装の高速化に役立ちます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add volume-02/figma-skills

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

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

ドキュメント

figma-skills は何をしますか?

Claude Code向けFigma→コードワークフロースキル:分析、監査、実装、リファクタリング

関連スキル