Figma API ハンズオン

このリポジトリは、Figma APIを使用して実践的に学ぶためのハンズオンプロジェクトです。

概要

このプロジェクトでは、Figma APIを使用して様々な操作を行う方法を学ぶことができます。Node.jsを使用して、Figma APIとの連携方法を実践的に理解することを目的としています。

前提条件

• Node.js (v16以上)
• Figmaアカウント
• Figma APIアクセストークン

セットアップ

1. リポジトリをクローンします：

git clone https://github.com/timeless-residents/handson-figma-api.git
cd handson-figma-api

2. 依存パッケージをインストールします：

npm install

3. .envファイルを作成し、Figma APIアクセストークンを設定します：

FIGMA_ACCESS_TOKEN=your_access_token_here

プロジェクト構造

.
├── .env                # 環境変数設定ファイル
├── gallery/           # サンプルコード集
│   ├── 001.js        # 基本的なAPI使用例
│   └── 002.js        # 応用的なAPI使用例
└── package.json      # プロジェクト設定ファイル

ギャラリーの例

galleryディレクトリには、Figma APIを使用した様々な実装例が含まれています：

• 001.js: 基本的なFigma APIの使用方法
• 002.js: より高度なFigma APIの活用例

使用している主な技術

• node-fetch: HTTPリクエストの実行
• dotenv: 環境変数の管理

ライセンス

ISC

貢献について

プルリクエストやイシューは大歓迎です。大きな変更を加える場合は、まずイシューを作成して変更内容を議論しましょう。

注意事項

• APIトークンは必ず.envファイルで管理し、GitHubにコミットしないようにしてください。
• APIの利用制限に注意してください。
• 実運用環境での使用は、十分なテストを行ってから行ってください。