Figma公式の Dev Mode MCP サーバーが来た！

はじめに こんにちは、原です 🐐 少し前に Figma MCP（非公式）の Figma-Context-MCP が話題になりましたね そして 2025 年 6 月 4 日、ついに Figma 公式の MCP サーバー がベータリリースされました 🚀 早速試してみたので、セットアップ周りや使い方、使ってみた所感などをお伝えします！ Dev Mode MCP サーバー Figma 公式の MCP サーバーは Dev Mode MCP サーバー と呼ばれているようです 以下は Dev Mode MCP サーバー お披露目時のブログ記事です 誤解を恐れずに言うと、Figma と AI を連携し、効率よく開発を進められるようになるツールですね ✨ セットアップ 詳細は公式を確認していただくとして、軽くまとめておきます！ 1. MCP サーバーを有効にする Figma Design ファイルのメニ

[carolina04]

実装済みのコンポーネントをプロンプトに伝える 例えば Button コンポーネントをすでに実装済みで、それを利用した Card コンポーネントを作成する場合、プロンプトのコンテキストに Button の存在を含めるとよいです