Design in Figma using Cursor Agent + MCP

概要

Cursor AI for Figmaは、AIとデザインの間の欠けていた連携を埋めるツール。自然言語指令でFigmaのデザインを読み取り・変更し、テキストの一括更新、オーバーライドの伝播、注釈管理、デザインのエクスポートなどを自動化する。クラウド5分デプロイ・無料枠・MITライセンス・オープンソース。

主な機能

• デザイン自動化：大量のテキスト更新、オーバーライド伝播、注釈作成、プロトタイプを視覚接続へ
• スマート操作：設計情報の読み取り、フレーム・矩形・テキスト作成、レイアウト・色・スタイルの変更、ノードの複製・移動・削除、PNG/JPG/SVG/PDFでのエクスポート
• AI駆動ワークフロー：自然言語で制御、繰り返し作業の自動化、要素の一括処理、リアルタイム進捗

使い方の流れ

1. WebSocketサーバーをデプロイ（5分クラウド設定）
2. コミュニティからFigmaプラグインをインストール
3. CursorにMCPサーバーをインストール
4. AIで自動化を開始

想定ユーザー

• デザインチーム、開発者、PM