·figma
*

figma

hoodini/ai-agents-skills

Figma API と統合して、設計の自動化とコード生成を実現します。デザイン トークンの抽出、Figma コンポーネントからの React/CSS コードの生成、デザイン システムの同期、Figma プラグインの構築、またはデザインからコードへのワークフローの自動化を行う場合に使用します。 Figma API、デザイン トークン、Figma プラグイン、デザインからコードまで、Figma エクスポート、Figma コンポーネント、開発モードでトリガーします。

120インストール·2トレンド·@hoodini

インストール

$npx skills add https://github.com/hoodini/ai-agents-skills --skill figma

SKILL.md

Extract design data, generate code from components, and automate design workflows with Figma's API.

Figma API と統合して、設計の自動化とコード生成を実現します。デザイン トークンの抽出、Figma コンポーネントからの React/CSS コードの生成、デザイン システムの同期、Figma プラグインの構築、またはデザインからコードへのワークフローの自動化を行う場合に使用します。 Figma API、デザイン トークン、Figma プラグイン、デザインからコードまで、Figma エクスポート、Figma コンポーネント、開発モードでトリガーします。 ソース: hoodini/ai-agents-skills。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hoodini/ai-agents-skills --skill figma インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/hoodini/ai-agents-skills --skill figma
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

figma とは?

Figma API と統合して、設計の自動化とコード生成を実現します。デザイン トークンの抽出、Figma コンポーネントからの React/CSS コードの生成、デザイン システムの同期、Figma プラグインの構築、またはデザインからコードへのワークフローの自動化を行う場合に使用します。 Figma API、デザイン トークン、Figma プラグイン、デザインからコードまで、Figma エクスポート、Figma コンポーネント、開発モードでトリガーします。 ソース: hoodini/ai-agents-skills。

figma のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/hoodini/ai-agents-skills --skill figma インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/hoodini/ai-agents-skills