Figma-Context-MCP（Framelink Figma MCPサーバー）徹底解説と使い方 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1. はじめに Figma-Context-MCPは、Figmaのデザイン情報をCursorなどのAIコーディング支援ツールに伝える橋渡し役となる、オープンソースのMCPサーバーです。 従来のデザインからのコーディングは、スクショを貼ったり、手作業で情報を確認したりと、時間と手間がかかる作業でした。 Figma-Context-MCPを使えば、AIがFigma上のレイアウト、スタイル、テキスト情報などを直接理解。 その結果、「このFigmaデザインをReactにして」と指示するだけで、驚くほど忠実なコード生成が期待できます。 2. Fi