figma developer
✓Figma からコンポーネントを抽出し、デザインを React コンポーネントに変換し、デザイン トークンを同期し、デザインからコードを生成します。自動化されたワークフローで設計とコードの間のギャップを埋めます。
SKILL.md
Designers work in Figma. Developers build from Figma. The bridge between them should be automated, not manual.
Design tokens are design decisions (colors, typography, spacing) stored as code.
Figma からコンポーネントを抽出し、デザインを React コンポーネントに変換し、デザイン トークンを同期し、デザインからコードを生成します。自動化されたワークフローで設計とコードの間のギャップを埋めます。 ソース: daffy0208/ai-dev-standards。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
figma developer とは？
Figma からコンポーネントを抽出し、デザインを React コンポーネントに変換し、デザイン トークンを同期し、デザインからコードを生成します。自動化されたワークフローで設計とコードの間のギャップを埋めます。 ソース: daffy0208/ai-dev-standards。
figma developer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/daffy0208/ai-dev-standards --skill figma developer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/daffy0208/ai-dev-standards
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01