Figma は設計とコードと AI エージェントを一枚のキャンバスに載せ、無料から始められる

要約

画面と試作と、そこから生まれるコードが同じファイルに収まり、エージェントも同じ場所で手を動かす。無料の範囲でも毎日 150 の AI クレジットが付き、ひと月の上限は 500。

おすすめ
ソフト名
Figma
バージョン
126.8.18
料金
無料
オープンソース
非オープンソース
OS
WindowsmacOSiOSAndroid
公式サイト
https://www.figma.com/
更新日時
2026-10-06 08:16

Figma は自身を「デザイン、コード、AI のための協業キャンバス」と説明している。この一文はもう宣伝文句ではなく、製品の現状そのものだ。二人の創業者が 2012 年に最初の版を作り、2025 年 7 月 31 日にニューヨーク証券取引所へ上場した。投資家向けのページには 2025 年 3 月時点の数字が載る。売上高で米国上位五百社の 95%、世界二千社の一覧では 78% が、設計と製品開発の工程をこの中で回しているという。

十本の製品ライン、その下は一つのファイル

トップページと料金ページは製品の並びを丁寧に示す。デザインと試作を一箇所にまとめた Figma Design、指示からコードを生む Figma Make、画像と音声と動画を扱う AI の流れ Figma Weave、デザインをコードへ翻訳する Dev Mode、動きを担当する Figma Motion、ホワイトボードの FigJam、共同作業の発表資料 Figma Slides、ベクター描画の Figma Draw、そしてまだベータの Figma Sites(レスポンシブなサイトを公開する)と Figma Buzz(ブランド素材を大量に作る)。十の能力は十の別々の道具に見えるが、実際には同じファイル、同じデザインシステム、同じ部品の棚を共有している。

AI は脇の窓ではなく、キャンバスの隣に座る

公式は工程を三段に分ける。まず探索で、エージェントが新しい方向を開き、図を描き、画像を直し、ファイルを探す。次に研磨で、複数の方向を並べて眺めながら、チームがエージェントと一緒に細部を詰める。最後に送出で、デザインをコードの裏付けがある試作品に変えるか、MCP サーバー経由で本番環境へ送り出す。トップページの言い方はこうだ。同僚と AI エージェントが同じ文脈を共有し、同じ場所で手を動かす。エージェント以外にも、指示から独自の生成プラグインを書くこと、指示から独自のシェーダーと塗りを作ること、背景の除去、画像の拡張、対象の分離、レイヤー名の自動整理といった日々の作業が並ぶ。

Figma の公式例:指示でエージェントに独自のグラフ用プラグインを作らせ、結果を様式パネルで調整する

Make は一文を、動くページに変える

Make についての公式の説明は、考えや既存のデザインを指示によって試作品とウェブアプリに変える、というものだ。三つの条件がこの道具の性格を決めている。出力は設計の文脈を自分のものとして抱える。デザインシステムから画像まで含む。結果はコードの裏付けを持ちながら見たまま編集でき、コードとキャンバスの間を行き来できる。裏側が必要な案件では外部のサービスが認証、データの保管、非公開の接続を補い、完成したものは独立したアドレスで公開できる。加えて、生成の前に構造化された案を出す計画モード、デザイン案や画像や動画や PDF を添えること、声で指示を入れること、試作の画面をレイヤーとしてキャンバスに戻して直し続けることもできる。

Figma Make の公式例:試作画面の中で要素を選び、その場で指示して動画を着地ページに置く

画像は用意された流れと、ひとつの指示から

画像生成の入口はベータの Figma Weave だ。用意された AI の流れの一覧から一本を選ぶと、Figma の中で画像やベクターが手に入る。窓を離れる必要はない。同じページには、エージェントに再利用できるプラグインを作らせる話も書かれている。たとえば「再生中は盤が回るように」と頼めば、触れるレコードプレーヤーが手に入る。独自のシェーダーの効果を言葉で示せば、ぼかしや網目のグラデーションや模様がすぐキャンバスに載る。これらは汎用の基盤モデルと調整済みのモデルが支えており、公式は機密の保護と、AI の学習に対する管理者の制御を特に強調している。

Figma の公式例:指示から触れるレコードプレーヤーを作り、再生中に盤が回るよう求める

デザインからコードへ、その糸が MCP サーバー

Figma は MCP サーバーを用意しており、外部の AI エージェントが設計を読み、参照し、操作できる。設計の文脈がそのままプログラミングの道具へ渡る。組織版と企業版の管理者は、身元を確認する仕組みを通じてこれらの接続を一括で管理できる。Dev Mode と Code Connect を組み合わせれば、デザインシステムの部品は実際のコードを直接指せる。見本と本番の実装がいつまでも揃わないと悩んできたチームにとって、いま最も値打ちのある区間だ。

無料の範囲にも AI の枠があり、支払いは席ごと

料金は四段で、米ドル建てだ。Starter は無料で、無限の下書き、画面の部品と雛形、そして一日 150 の AI クレジット(ひと月の上限は 500)が付く。Professional は席単位で、全機能の席が月 16 ドルで 3000 クレジット、開発の席が 12 ドル、共同作業の席が 3 ドルで、それぞれ 500 クレジットを持つ。Organization の全機能席は 55 ドル、Enterprise は 90 ドル。クレジットはチーム全体で分け合え、使った分だけの支払いも定額も選べる。企業版では部門をまたいで割り当てを分け、消費を接続口から確認できる。

先に言っておくべき三つの境目

クレジットは減るものだ。エージェントも Make も Weave も食う。無料の分は一日 150、ひと月 500 で止まるので、たくさん作る前に一度計算したほうがいい。価格は米ドル建てで、料金も追加の品も変わる。買う前に、前四半期の画面ではなく料金ページの今の数字を見てほしい。さらにいくつかの能力はベータの印が付いたままだ。Weave の道具、生成のプラグイン、シェーダー、エージェント自身、Sites、Buzz がそれにあたる。本番の流れに入れる前に、小さく試すのが妥当だ。

まとめは自然に決まる。Figma が売っているのは、AI が絵を作るための入口がもう一つ増えることではなく、デザインと試作とコードとエージェントが同じ一枚に集まることだ。個人は無料の範囲で始められ、チームは席を一つずつ足し、AI が触れた設計も同じ道をたどってコードまで届く。

Figmaダウンロード
対応OS: Windows macOS iOS Android