フレームワーク🔥 HOT
figma-mcp
5.0k
GLips/Figma-Context-MCP
概要
このツールの詳細と使い方を解説します。
Figma デザインデータを MCP 経由で AI コーディングツールに提供するサーバー（Framelink）。Figma リンクを貼るだけでレイアウト・スタイル情報を最適化して渡し、スクリーンショット貼り付けより大幅に精度の高いワンショット実装を実現。
連携方式MCP
使い方
Claude Code がインストール済みであることを前提としています
MCP として使う
MCP とは？ →外部サービスやデータをClaude に接続する拡張機能です
- 1.「GitHub で見る」ボタンからリポジトリを開き、README に書かれたインストール手順に従います。
- 2.MCP サーバーを追加するには、以下のコマンドを実行します。
claude mcp add <サーバー名> <コマンド>具体的なコマンドは各リポジトリの README を確認してください。
- 3.設定後、Claude Code を再起動すると新しいツールとして使えるようになります。