Cursor で Figma MCP サーバーをセットアップする
Cursor Team · Cursor Docs ·
Figma の Dev Mode MCP サーバーを Cursor に接続し、エージェントが選択したフレーム、変数、Auto Layout を直接読み取るための公式セットアップ。設計トークンを反映したコード生成が可能。Cursor MCP インストールフローとプロンプティングのヒントを含みます。
パブリッシャー概要
Model Context Protocol (MCP) lets Cursor connect to external tools. Add the Figma Dev Mode MCP server to pull design context — frames, variables, components — directly into the agent.
この記事の内容
- What MCP is and how Cursor uses it
- Enable Figma Dev Mode MCP server (desktop app)
- Add the Figma MCP server in Cursor settings
- Select a frame or paste a Figma link, then prompt
- Best practices: Auto Layout, variables, semantic names
Source: Cursor Docs
原文を読む ↗ コンテンツは元の公開元サイトにあります。
Cursor でのデザインに関するファーストパーティの参考資料として、Cursor-Design コミュニティ向けに厳選しました。