figwright
Claude Code や Cursor などの MCP クライアントを使う開発者向けに、Figma デザインをフレームワーク対応コードへ変換し、結果をキャンバスへ反映する橋渡しレイヤー。
ツール概要
現時点の証拠だけで判断すると、figwright は「技術チームが試験導入する価値のある初期段階のオープンソース基盤」と見るのが妥当で、多数の本番事例で実証済みの完成度高いデザイン納品プラットフォームとはまだ言いにくいです。最も強い根拠は公式 GitHub リポジトリの説明で、双方向の Figma MCP server として、AI コーディングエージェントがデザインを読み、コードを生成し、Figma に書き戻せることを明示しています。GitHub のスターや露出増加は注目度の証拠にはなりますが、それはあくまで熱度証明であり、複雑な実案件での安定運用を直接示すものではありません。
実際の役割として、これは Figma 内の自動レイアウト用プラグインでも、ワンクリックで完成サイトを作るノーコードビルダーでもありません。より正確には、Figma を Claude Code や Cursor などの AI コーディングエージェントにつなぐ双方向プロトコル層/ブリッジに近いです。すでに MCP クライアントを使っているチームにとっては、スクリーンショットを手作業で渡すより構造化された形でデザイン文脈をモデルに渡せる可能性があり、対象フレームワークに寄せたコード生成にもつながりやすいと考えられます。さらに write back to canvas は、結果を Figma 側へ戻す流れを想定しており、単方向の design-to-code ツールとは性格が異なります。
導入ハードルとコストについて、証拠が支えるのは公式リポジトリ上の Free / open-source という表現までです。企業向けホスティング、SaaS 料金、固定 API 単価まで断定できる材料はありません。保守的に見れば、実コストはセットアップ、MCP クライアント連携、Figma 権限設定、そして利用する上流モデルの課金に集約されるはずですが、これは公式価格ではなく慎重な推定です。既存の Figma と AI コーディングの流れを持ち、自力で設定やトラブル対応ができるフロントエンドやプロダクト開発チーム向きで、ゼロ設定や手厚いサポートを期待する非技術系デザインチームには不向きです。
今回の evidenceSources は議論品質が全体的に弱く、しかも名称混同が目立ちます。公式 GitHub 以外の ai-bot.cn や複数の知乎記事は、実際には旧来のコマンド補完ツール Fig / fig.io を扱っており、figwright 自体の使いやすさの証拠にはなりません。つまり現状は「公式の自己説明はあるが、独立した実測、チュートリアル、長文レビュー、事例共有が不足し、サンプル数も限られ、名称の曖昧さもある」状態です。