Figma Makeは、プロンプトや既存のデザインから動くプロトタイプやWebアプリを生成するFigmaの機能です。Make単体の料金はなく、費用はFigmaのシート代と、操作のたびに減る「AIクレジット」で決まります。無料のStarterプランでも月500クレジットまで試せ、有料プランのFullシートには月3,000〜4,250クレジットが付きます。この記事では、2026年10月20日時点のFigma公式ヘルプと料金ページをもとに、プラン別の料金と上限、クレジット残量の確認手順、使い切ったときの対処、コードの書き出しと公開の条件を整理します。
まとめ:Makeの無料利用条件とシート別AIクレジット
- 無料のStarterでも使える:月500クレジット(1日150まで)。チームライブラリは使えず、Webへの公開はFigma Communityへの同時公開が条件です。
- 本格利用はFullシート:Professional $16・月3,000、Organization $55・月3,500、Enterprise $90・月4,250(いずれも年払い時の月額、米ドル)。Dev・Collab・Viewシートは月500で、Makeは下書きでしか使えません。
- 残量はファイルのメインメニュー→「AI balance」で確認できます。管理者はAdminタブのAI creditsで全員分を見られます。
- 消費は操作で変わる:フォント変更で約30以上、デザインのインタラクティブ化で約75以上、アプリをゼロから生成で約100以上が公式の目安です。繰り越しはありません。
- 2026年10月6日からFigma DesignのエージェントとWeaveツールも同じ予算を消費します。足りなければ管理者がサブスクか従量課金でクレジットを追加します。
Figma Makeの料金:プラン・シート別のAIクレジット
Figmaの料金は「プラン×シート」で決まり、AIクレジットもシートごとに付与されます。公式の料金ページ(米ドル表示)とHow Figma AI credits workの数値は次のとおりです。
| プラン | Fullシート | Full付与 | Devシート | Collabシート | Dev・Collab付与 |
|---|---|---|---|---|---|
| Starter | 無料 | 月500(1日150) | なし | なし | なし |
| Professional | $16 | 月3,000 | $12 | $3 | 月500 |
| Organization | $55 | 月3,500 | $25 | $5 | 月500 |
| Enterprise | $90 | 月4,250 | $35 | $5 | 月500 |
料金は年払い時の月額換算です。Organizationは年払いのみで、Enterpriseは営業経由の契約です。公式の料金ページは米ドル表示ですが、有料プランは日本円での支払いにも対応しており、円での請求額は契約時の画面で確認します。Viewシートも月500クレジットで、Starterと同じく1日150の上限がかかります。シートに付くクレジットは本人専用で、毎月リセットされ、繰り越しも他人への譲渡もできません。複数のチームや組織に所属していても、プランごとに別々に付与されて合算はされません。
無料のStarterでできること・できないこと
2026年7月時点の本記事は「StarterはFigma Makeの対象外」と書いていましたが、現在のFigma Make FAQsは「Starter plans are a free way to explore Figma Make」としています。Starterの概要でも、Make用のファイル数に上限はなく、月のAIクレジットだけが制約だと説明しています。Starterで使えない主な機能は次の2つです。
- チームライブラリからスタイルを読み込めない(ライブラリ自体が有料機能)
- Webへの公開は、Figma Communityにも公開する場合に限られる
Starterの月500クレジットは、アプリをゼロから作る目安(約100以上)で数えると月5回前後、1日150の上限があるので1日1回強です。機能の試用には使えますが、生成と修正を繰り返す場合は、月500クレジットを超える可能性があります。
有料プランのDev・Collab・Viewシートの下書き利用条件
有料プランでMakeを本来の形で使えるのはFullシートだけです。Dev・Collab・Viewシートの人も下書き(Drafts)でMakeファイルを作れますが、チームのフォルダには置けず、共有も公開もできません。Makeの中で書いたコードの閲覧とダウンロードは、Devシートなら下書き以外のファイルでも可能です。
| 操作 | Full | Dev | Collab・View |
|---|---|---|---|
| フォルダ・チームにMakeファイルを作る | 可 | 不可 | 不可 |
| 下書きにMakeファイルを作る | 可 | 可 | 可 |
| デザイン添付・ポイント編集・コード編集 | 可 | 下書きのみ | 下書きのみ |
| コードの書き出し | 可 | 可 | 下書きのみ |
| 共有・公開 | 可 | 不可 | 不可 |
出典はFigma Make FAQsの権限表です。Dev・Collab・Viewシートで作ったMakeファイルは他の人が見られないため、共同作業にはFullシートが要ります。
AIクレジットの残量を確認する手順
クレジットの残りは、本人の画面と管理者の画面で確認する場所が違います。
自分の残量:ファイルのメインメニュー→「AI balance」
- 編集権限のあるファイルを開く(Viewシートの人は下書きのファイルを選ぶ)
- ファイルのメインメニューを開く
- 「AI balance」を選ぶ
使用済みの量、残りの量、次にリセットされる日が表示されます。
管理者がチーム全員の消費を見る:Admin→AI credits
有料プランの管理者は、ファイルブラウザのAdminタブにあるAI creditsセクションで「View usage」を開くと、AIクレジットを使った人数、シートの上限に達した人数、リセットまでの日数を確認できます。個人ごとの消費量は、Adminの「People」タブで対象者を選ぶとサイドパネルに出ます。過去の利用期間の推移とCSV出力はOrganizationとEnterpriseだけで、データは2025年11月以降の分が残っています。Enterpriseでは、REST APIのAI Usage APIで1人1日単位の消費を最大1年分取得できます。手順はManage AI creditsに載っています。
プロンプト1回あたりの消費クレジットの確認手順
Makeは実行前に消費量を表示しません。処理が終わったあと、完了したプロンプトの下にあるAIクレジットのアイコンにカーソルを合わせると、そのプロンプトで使った量が出ます。数回分を記録すると、自分の使い方での1回あたりの消費がつかめます。公式も「自分の利用履歴が最も正確な見積もり」としています。
Figma Makeの操作別クレジット消費量
背景除去などの画像機能は1枚あたりの消費が固定ですが、Makeのようなエージェント型の機能は、モデル、作業の複雑さ、読み込ませる文脈の量で消費が変わります。公式が示す目安は、2026年2月時点の既定モデルで計算した次の3例です。
| 作業の例 | 消費の目安 | Pro Full月3,000での回数 |
|---|---|---|
| フォントを変える | 約30以上 | 最大100回程度 |
| 添付デザインをインタラクティブにする | 約75以上 | 最大40回程度 |
| アプリをゼロから生成する | 約100以上 | 最大30回程度 |
右列は3,000を目安値で割った上限で、目安が「以上」なので実際の回数はこれより少なくなります。消費が増えるのは、チャット履歴が長くなったとき、大きなファイルやライブラリ、コネクタを文脈として読み込ませたときです。消費に関する細かい扱いは次のとおりです。
- プランモード(コードを書く前に計画を作る機能)は計画の作成と、承認後のビルドの両方で消費する
- Auto fix・Fix for meによるエラー修正は追加で消費しない。新しいプロンプトで直させると消費する
- 取り消し(Undo)をしてもクレジットは戻らない
- 会話モードでのやり取りも消費する
- Makeファイルの複製は消費しない
AIモデル別の消費傾向と選択基準
Makeでは、チャット欄のモデル名からモデルを切り替えられます。2026年10月17日更新のヘルプに載っている選択肢は、既定モデルのほかにGPT-5.6 Terra、GPT-6.1 Sol、Claude Sonnet 4.5、Claude Opus 5.5、Gemini 3.8 Flash、Gemini 4 Argonの6つです。既定以外のモデルの消費は「開発中で大きく変わりうる」とされ、作業によってはかなり多く使います。公式の節約ガイドは、迷ったら既定の「Auto」、正確な再現や複雑な機能にはClaude Opus、小さなスタイル調整や素早い反復にはGemini Flashを勧めています。モデル一覧の変遷と切り替え手順はFigma MakeのAIモデル一覧と選び方|Claude Opus 4.6追加から現在の既定モデル・切替手順【2026年10月】で詳しく扱っています。
クレジットが0になったときの原因と追加方法
使い切ると製品内にメッセージが出て、新しいAI操作は実行できなくなります。通常のデザイン編集やファイルの閲覧は続けられます。回復するのは、毎月のリセット日を迎えたときか、管理者がクレジットを追加したときで、追加されるとすぐに使えます。StarterとViewシートで1日150の上限に達しただけなら、月の残量があるかぎり翌日に再開できます。
「Makeはほとんど使っていないのに0になっている」場合は、他のAI機能による消費を疑ってください。AI credit updates FAQによると、Figma DesignのエージェントとWeaveツールは2026年10月6日にベータから正式提供へ移り、Makeと同じクレジット予算を消費するようになりました。エージェントの目安は、フォント変更で約30以上、5画面のモバイル購入フローの生成で約300以上です。一方、Figma Designのコードレイヤー(2026年10月15日にオープンベータ)は、有料プランなら2026年11月4日までコードの生成・編集に限りクレジットを消費しません。
追加クレジットの買い方:サブスクと従量課金
追加購入は有料プランの管理者だけが行えます。方法は2つあり、併用もできます。
- サブスク(月ごとの追加パック):プラン全体で共有するクレジットを毎月購入する。多く買うほど1クレジットあたりの単価が下がる。繰り越しはない
- 従量課金(pay-as-you-go):使った分だけ次の請求書に加算する。管理者が月の上限額を決める
Figmaの公式ブログによると、追加購入は2026年3月11日に始まり、シートごとの上限は3月18日から厳密に適用されています。消費の順番は、本人のシートのクレジット、サブスクの共有分、従量課金の順です。購入はAdminタブのAI creditsで「View usage」から「Add credits」を選びます。追加分の価格は公開の料金ページには載っておらず、この購入画面に表示されます。Professionalのサブスクは年払いの契約でも月単位で、ダウングレードや解約は翌月の請求日から有効です。OrganizationとEnterpriseは契約期間に合わせた年単位で、ダウングレードと解約は更新日前の30日間しかできません。2026年8月25日には、同じ価格のまま追加パックのクレジット数がProfessionalで2倍、OrganizationとEnterpriseで1.6倍に増えました。
管理者による個人別の追加クレジット上限設定
管理者は、追加購入したクレジットを誰がどれだけ使えるかを個人ごとに設定できます。設定は「制限なし」「月ごとの個別上限」「利用不可」の3段階で、初期値は全員が制限なしです。個人の上限、Enterpriseの請求グループの上限、プラン全体の残量は独立に効き、どれか1つが先に尽きればその人は止まります。上限に達した人が「追加をリクエスト」すると、管理者にメールと製品内の通知が届きます。設定手順はSet AI credit limitsにあります。
Dev・Fullシートの差額で考えるMakeの費用
Makeを業務で使う人が増えたとき、追加クレジットを買う前に検討したいのが、その人のシートをFullに上げる選択です。年払いの単価で比べると、Dev→Fullの差額とクレジットの増え方は次のようになります。
| プラン | Dev→Fullの差額 | 増えるクレジット | Makeの権限 |
|---|---|---|---|
| Professional | 月$4 | 500→3,000(6倍) | 下書きのみ→共有・公開 |
| Organization | 月$30 | 500→3,500(7倍) | 下書きのみ→共有・公開 |
| Enterprise | 月$55 | 500→4,250(8.5倍) | 下書きのみ→共有・公開 |
Professionalでは月$4の差で2,500クレジットが増え、Makeファイルの共有と公開もできるようになります。共有・公開が必要な人はFullシートにしてください。下書きだけで使う人は、月500クレジットを超える分を追加購入する費用と、Fullへの変更による差額を比べて決めます。Dev Modeで実装を見るのが主で、Makeは時々試すだけの開発者はDevシートのままで足ります。追加購入が向くのは、すでにFullシートの人が月末に上限に達する場合です。追加分はプラン全体の共有プールなので、席を増やさずに多く使う人の不足を補えます。
Starterで試してから有料に移るなら、Makeを使う人の分だけProfessionalのFullシートにし、閲覧とコメントだけを行う人は無料のViewシートにする組み合わせが最小構成です。Makeで作った試作を自社サービスのUIに落とし込むところまで外部の手を借りたい場合は、弊社のUI/UXデザイン支援でも、プロトタイプの検証から本番の画面設計まで対応しています。
Figma Makeの使い方:作成から修正までの手順
Makeファイルは、ファイルブラウザで下書き(Drafts)を開き、右上の「Make」をクリックすると作れます。OrganizationとEnterpriseでは、管理者がAI機能をオンにしている場合だけ使えます。画面にはAIチャットとプレビューが並び、チャットで指示を送るとプレビューにアプリが生成されます。
初回プロンプトに含める要件と記述例
公式の節約ガイドは、クレジットの浪費につながる要因の一つとして「範囲の決まっていない最初のプロンプト」を挙げています。やり直しの指示もそのたびに消費するため、最初に次の要素を1回で伝えてください。
作るもの:社内向けの案件進捗レポート画面
使う人と目的:営業マネージャーが週次で全案件の進捗を確認する
主な要素:案件名・担当者・進捗率の一覧表、担当者で絞り込むフィルタ
動き:行をクリックすると詳細パネルが右から開く
制約:PCとスマホの両方に対応、配色は紺と白、フォントはNoto Sans JP
有料プランでは、仕様を決めにくい複雑な画面に対し、プランモードで先に計画(plan.md)を作らせる方法もあります。計画の作成にもクレジットを使いますが、途中で作り直すよりは少なく済むことが多いというのが公式の説明です。チームで同じ指示を繰り返すなら、コードエディタにあるguidelines.mdにデザインシステムの使い方や命名規則を書いておくと、毎回プロンプトに書かずに済みます。
既存のFigmaデザインの添付条件と読み込み手順
Figma Designのデザインを使うときは、フレームかコンポーネントの形にして、プロンプトに添付するか、フレームをプロンプト欄に貼り付けます。ファイルのURLを貼っても、Makeはそのファイルの中身を読みません。URL先のWebページとして解釈され、意図と違う結果になることがあります。複数の画面を使う場合は、1回のプロンプトに1つずつ添付するのが公式の推奨です。正確な再現が不要な場面では、フレームより軽いスクリーンショットで足ります。
生成後の微調整に使う直接編集とクレジット節約
色、角丸、余白、文字のスタイルといった見た目の調整は、プレビューの要素を選んで直接直す「ポイント編集」か、コードエディタで該当箇所を書き換えるほうが速く、クレジットも使いません。チャット履歴が長くなると、簡単な指示でも毎回それまでの文脈を読み込むため消費が増えます。方向性が大きく変わったら、ファイルを複製して新しい会話から始めてください。
エクスポート・書き出し:コード・デザイン・GitHubの経路
Makeで作ったものを外へ出す方法は4つあり、シートとプランで使える経路が違います。
| 経路 | 出てくるもの | 使える人 |
|---|---|---|
| Download code | 全ファイルの.zip | Full・Dev/Collab・Viewは下書きのみ |
| Copy design | Figma Designのレイヤー | 有料プラン |
| Push to GitHub | Makeが作ったリポジトリ | 全プラン |
| Git連携(clone) | 既存リポジトリのブランチとPR | 全プラン(編集権限) |
コードの.zip書き出し手順と利用権限
コードエディタ右上の「Download code」で、ファイル一覧にある全ファイルを.zipでダウンロードできます(Edit the code of a functional prototype or web app)。有料プランでは、Fullはコードの編集・書き出しができ、Devは書き出しができます。Dev・Collab・Viewも、自分の下書き内ではコードの編集・書き出しが可能です。生成されたコードが本番要件を満たすかを判断するため、本番に組み込む前に、依存パッケージ、状態管理、APIの呼び出し、認証まわりを技術者が確認してください。
プレビューのFigma Designレイヤーへの変換と制約
Makeの上部にある「Copy design」を押すと、プレビューの現在の状態をデザインレイヤーとしてコピーでき、Figma Designのキャンバスに貼り付けて編集できます。ファイル内の変数があればレイヤーに紐づきます。ただし、貼り付けたレイヤーはMakeファイルと連動せず、インタラクションも持たず、デザインシステムのコンポーネントにも自動では結びつきません。デザインをコンポーネントとして整理し、実装側のコンポーネントと対応付けたい場合は、Figma Code Connectの使い方|UIとCLIの始め方とDev Mode表示・CLI v2移行で扱っている仕組みを併用します。
GitHubへのプッシュと既存リポジトリのGit連携
「Make settings」→「GitHub」からリポジトリを作成してプッシュできます(Push from Figma Make to GitHub)。この経路には制約が多く、プッシュできるのはMakeが作ったリポジトリだけ、宛先は既定ブランチだけ、同期はMakeからGitHubへの一方向です。GitHub側で編集した内容は、次にMakeからプッシュすると上書きされます。GitHub Enterprise ServerとIPアローリストには対応していません。
既存のリポジトリを使いたい場合は、Git連携(Use Git with Figma Make and code layers)でリポジトリをcloneし、ブランチを切って作業し、プルリクエストで元のリポジトリへ戻せます。公開リポジトリはGitHubと接続せずにURLからcloneできますが、この方法では変更のプッシュやプルリクエストの作成はできません。Mac版のFigma Betaデスクトップアプリから手元のコードベースを直接編集する「Make in your local codebase」は、2026年10月時点では一部ユーザー向けのクローズドベータです。Makeを含むFigmaからReactコードを得る方法の比較はFigmaをReactに変換する4つの方法|HTML書き出しの可否とMCP・Figma Make・エージェント・Locofyの使い分け【2026年10月】にまとめています。
公開・共有:Webアプリとして公開する条件
公開できるのは、有料プランのFullシートの人とStarterの人です。Starterは前述のとおりFigma Communityへの同時公開が条件です。一般公開するとfigma.siteのランダムなURLが発行され、アクセス制限を設けていなければURLを知る人が閲覧できます。既定では検索エンジンにインデックスされない設定で、設定画面で変更できます。
- 独自ドメイン:Professionalは10個まで、OrganizationとEnterpriseは制限なし。上限はFigma Sitesと共有
- 社内限定の公開:OrganizationとEnterpriseだけで、組織にログインしているメンバーにだけ見せられる
- パスワード保護:4文字以上の任意のパスワードか、Figmaが生成する4単語のパスワードを設定できる
- ホスティング:AWS上で配信し、ドメインとルーティングはCloudflareが担う。公開機能のベータ期間中は追加料金なし
- Education:公開できるMakeファイルは1つで、帯域の制限がある
ログインやデータ保存が必要なアプリには、バックエンドを付けられます。チャットで頼むとMakeがPayload(TypeScriptとNext.jsのオープンソースCMS)を使ったデータベース、ファイル保存、認証、管理画面を作る方法と、自分のSupabaseプロジェクトをMake settingsのIntegrationsから接続する方法の2つです(Add a backend)。Payloadを使うMakeアプリは、現時点ではGitHub連携とローカルコードベースでの作業に対応していません。コードをGitHubで管理する予定があるなら、この制約を踏まえてバックエンドを選んでください。公開したアプリに入力された個人情報の扱いは公開者の責任になるため、社外向けに公開する前に収集する項目と保存先を決めておいてください。
Figmaのほかの方法・外部ツールとの使い分け
Makeが向くのは、プロンプトから「動く試作」を作り、URLで見せて意見を集める段階です。既存のデザインを手元のコードに落とす作業が中心なら、Claude CodeなどのAIエージェントにデザインを読ませるFigma MCPサーバーのほうが合い、料金と呼び出し上限はFigma MCPサーバーの料金と上限|無料枠・プラン別の呼び出し回数・接続手順で整理しています。Figma外では、プラグインのLayermate(レイヤーメイト)とは?料金・使い方とFigma標準AIエージェントとの違い【2026年10月】や、AnthropicのClaude Design(Anthropic)とは?使い方・料金・できることと2026年9月の変更点が候補で、FigmaのAIクレジットとは別に課金されます。
よくある質問
Figma Makeは無料で使えますか?
使えます。無料のStarterプランでも月500クレジット(1日150まで)の範囲でMakeを試せます。ただしチームライブラリは使えず、Webへの公開はFigma Communityへの同時公開が条件です。有料プランでも、Dev・Collab・Viewシートは下書きでしか使えません。
AIクレジットの残りはどこで確認できますか?
編集権限のあるファイルを開き、メインメニューの「AI balance」で確認できます。使用量、残量、次のリセット日が表示されます。管理者はファイルブラウザのAdminタブにあるAI creditsで、チーム全体の消費を見られます。
余ったAIクレジットは翌月に繰り越せますか?
繰り越せません。シートに付くクレジットも、追加購入したサブスクのクレジットも、毎月の利用期間の終わりにリセットされます。複数のチームに所属していてもプランごとに別枠で、合算もされません。
AIクレジットを追加購入するにはどうすればいいですか?
有料プランの管理者が、Adminタブの「AI credits」→「View usage」→「Add credits」から、月ごとのサブスクか従量課金を選んで購入します。価格はこの購入画面で表示されます。Starterには追加購入の手段がないため、足りない場合は有料プランへの移行が必要です。
Figma Makeで作ったものはエクスポート・書き出しできますか?
できます。コードエディタの「Download code」で全ファイルを.zipで書き出す(有料プランのFull・Devに加え、Collab・Viewも自分の下書き内では可能)、「Copy design」でFigma Designのレイヤーにする(有料プラン)、GitHubへプッシュする、の3つが基本の経路です。書き出したコードの品質は生成内容によって異なります。本番に使う前に、技術者が依存パッケージ・認証・データ処理・テスト結果を確認してください。