vibefigma
✓Tailwind CSS を使用して、Figma デザインを本番環境に対応した React コンポーネントに変換します。ユーザーが Figma URL を提供する場合、Figma デザインを React/コードに変換するよう要求する場合、Figma からコンポーネントを抽出したい場合、または「vibefigma」に言及する場合に使用します。 Figma アクセス トークンが必要です (--token フラグ、FIGMA_TOKEN 環境変数、または .env ファイル経由)。
SKILL.md
Convert Figma designs into React components with Tailwind CSS using the vibefigma CLI.
The user can add their Figma access token to a .env file in their project root:
Note: If the token is not configured, vibefigma will throw an error. Only then inform the user about the token requirement.
Tailwind CSS を使用して、Figma デザインを本番環境に対応した React コンポーネントに変換します。ユーザーが Figma URL を提供する場合、Figma デザインを React/コードに変換するよう要求する場合、Figma からコンポーネントを抽出したい場合、または「vibefigma」に言及する場合に使用します。 Figma アクセス トークンが必要です (--token フラグ、FIGMA_TOKEN 環境変数、または .env ファイル経由)。 ソース: vibeflowing-inc/vibe_figma。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/vibeflowing-inc/vibe_figma --skill vibefigma- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
vibefigma とは？
Tailwind CSS を使用して、Figma デザインを本番環境に対応した React コンポーネントに変換します。ユーザーが Figma URL を提供する場合、Figma デザインを React/コードに変換するよう要求する場合、Figma からコンポーネントを抽出したい場合、または「vibefigma」に言及する場合に使用します。 Figma アクセス トークンが必要です (--token フラグ、FIGMA_TOKEN 環境変数、または .env ファイル経由)。 ソース: vibeflowing-inc/vibe_figma。
vibefigma のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vibeflowing-inc/vibe_figma --skill vibefigma インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/vibeflowing-inc/vibe_figma
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01