grab/cursor-talk-to-figma-mcp

何を解決するか

このプロジェクトは、AIエージェント（CursorやClaude Codeなど）とFigmaの間の橋渡しを提供し、これらのエージェントが設計ファイルをプログラムで読み取り、分析、変更できるようにします。AIがキャンバスに直接対話できるようにすることで、設計要件をFigma操作に手動で変換する作業を排除します。

動作方法

このシステムは、Model Context Protocol (MCP) を使ってAIエージェントとFigmaプラグインを接続します。WebSocketサーバーが仲介役を果たし、AIエージェントが使用するMCPサーバーと、Figma環境内でコマンドを実行するFigmaプラグインの間でリアルタイム通信を実現します。

対象ユーザー

CursorなどのAI対応IDEを使用し、繰り返しの設計作業を自動化したいデザイナーおよび開発者、コンポーネントのオーバーライドを管理したい人、プロトタイプのフローを視覚的な接続線に変換したい人。

主な特徴

• 包括的なデザイン制御: フレーム、長方形、テキストノードの作成、移動、リサイズ、削除を可能にするツール。
• 自動テキスト管理: テキストノードをスキャンし、一括でテキストコンテンツを置き換える機能。
• コンポーネントの知能: コンポーネントインスタンスからオーバーライドを抽出・適用し、設計全体の一貫性を維持するツール。
• レイアウト自動化: パディング、配置、間隔を含むAuto Layout設定をプログラムで制御可能。
• プロトタイピングの可視化: プロトタイプの反応をFigJamの接続線に変換し、フローのマッピングをより良くする機能。
• 注釈サポート: マークダウン対応のネイティブFigma注釈の作成・更新ツール。