Figma Design Automation

Figma デザイン自動化

このリポジトリは、Figma デザイン作成と操作を自動化するためのツールを含んでいます。以下のものが含まれます:

1. Figma Plugin: スタートアップウェブサイトコンポーネントを作成するためのプラグイン
2. Direct Integration: Figma ファイルを直接操作するための Python スクリプト
3. MCP Integration: MCP の Figma 統合を活用するツール

機能

• ナビゲーションバーの自動作成
• コンポーネントテンプレート
• スタイル管理
• 直接ファイル操作

セットアップ

プラグインセットアップ

cd figma-plugin
npm install
npm run build

Python セットアップ

cd figma-agent
python -m venv venv
source venv/bin/activate  # or `venv\Scripts\activate` on Windows
pip install -r requirements.txt

Figma API の設定

1. Figma 設定から Figma アクセストークンを取得します
2. MCP Figma 統合を使用してトークンを設定します

使用方法

プラグインの使用

1. Figma でプラグインをインポートします
2. プラグインメニューから実行します
3. 生成されたコンポーネントをカスタマイズします

Direct Integration の使用

python src/direct_figma.py

貢献

1. リポジトリをフォークします
2. フィーチャーブランチを作成します (git checkout -b feature/amazing-feature)
3. 変更をコミットします (git commit -m 'Add some amazing feature')
4. ブランチにプッシュします (git push origin feature/amazing-feature)
5. プルリクエストを開きます

ライセンス

MIT ライセンス - 詳細は LICENSE ファイルを参照してください