Communitygithub.com

robindicapua/figma-component-compose

コードまたは仕様からFigmaコンポーネントを構成するAIエージェントスキル。

figma-component-compose とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)が、開発者が提供するコードや仕様に基づいてFigmaコンポーネントを自動的に構成・生成できるようにするツールです。これにより、デザインと開発の間のギャップを埋め、コンポーネントの一貫性を保ちながら作業効率を大幅に向上させます。主なユースケースとしては、UIコンポーネントのコードから対応するFigmaデザインを生成したり、テキスト仕様からFigmaコンポーネントを作成したりすることが挙げられます。このスキルは、開発者がデザインツールに直接アクセスすることなく、Figmaコンポーネントの作成・更新を効率的に行うためのブリッジとして機能します。

対応~Claude Code~Codex CLI~Cursor
npx skills add robindicapua/figma-component-compose

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

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

ドキュメント

figma-component-compose は何をしますか?

コードまたは仕様からFigmaコンポーネントを構成するAIエージェントスキル。

関連スキル