Figma Make AI Webデザイン自動生成 中小企業の制作コスト削減ガイド
「サービス紹介ページや申し込みフォームを作りたいが、制作会社に頼むと数十万円・納期は数週間」「自分で作ろうにもツールの操作でつまずく」 — こうした中小企業・個人事業主の悩みに、デザインツール大手の Figma が出した答えが Figma Make です。
Figma Make は、作りたいものをチャットで伝えるだけで、動く Web アプリやランディングページ (LP) を生成する AI 機能です。生成されるのは実際に動くコードで、画面上でそのまま編集できます。提供は米 Figma, Inc.。本記事では編集部が、中小企業・個人事業主が「制作コストを抑えて自分で形にする」用途を中心に評価します (Figma Make 公式)。
この記事のポイント
- チャットで指示するだけで、動く Web アプリや LP の試作が数分で生成される (Figma Make 公式)
- 有料の Professional は月額 $16 (約 ¥2,480)、すでに Figma を契約済みなら追加費用なしで使える (Figma 料金)
- 利用は AI クレジット制。複雑な指示 1 回で 60〜340 クレジットを消費することがある (Figma 公式ブログ)
- 無料の Starter プランでも 1 日 150・月 500 クレジットまで試せる
- 用途は LP・試作・社内ツールのたたき台向き。大規模 EC や基幹システムには不向き
編集長の見解
Figma Make の価値は「デザインの試作が、そのまま動く形で出てくる」点にあります。これまで「デザイン案」と「実際に動くもの」の間には外注や開発という大きな谷がありました。Figma Make はその谷を、月額数千円のクレジット消費で埋めにきます。中小企業にとっては、制作会社に発注する前の「方向性のすり合わせ」を社内で完結できる意味が大きいと編集部は見ています。
Figma Make とは何か
Figma Make は、Figma が提供する AI デザイン生成機能です。テキストで作りたいものを伝えると、レイアウト・部品・基本的な画面構造を備えた試作物を生成します。
ポイントは、生成されるのが実際に動くコード (React) で構成された試作物であることです。単なる静止画のモックアップではなく、ボタンを押せば反応する「動くもの」が出てきます。
生成後は、画面上の要素をクリックして色や文言を直したり、追加の指示を出して作り変えたりできます。デザインを触る感覚と、コードで動くものを編集する感覚を、行き来しながら詰められるのが特徴です。
主な機能を整理すると、次のようになります。
| 機能 | 何ができるか | 中小企業での使いどころ |
|---|---|---|
| プロンプト生成 | 文章で指示して試作を生成 | LP・申込フォームのたたき台作り |
| 添付指示 | 画像・PDF・既存デザインを下敷きに生成 | 既存チラシを Web 化する出発点 |
| ポイント編集 | 要素をクリックして直接修正 | 文言・色の微調整を自分で |
| プランモード | 生成前に作る内容を整理 | 意図を固めてから出すので手戻り減 |
| バージョン履歴 | 編集を記録し、前の状態に戻せる | 試行錯誤しても元に戻せる安心感 |
すでに Figma を業務で使っている事業者にとっては、新しいツールを別途契約せず、慣れた環境の延長で AI 生成を試せるのも利点です。
次のセクションでは、最も気になる料金と AI クレジットの仕組みを編集部が整理します。
💰 料金プランと AI クレジットの仕組み
Figma Make は Figma の料金体系に含まれます。Figma Make 単体での課金ではなく、契約しているプランに応じて使える「AI クレジット」の量が変わる仕組みです。
料金とクレジットを表でも整理します。為替は変動するため、円換算はあくまで目安です。
| プラン | 月額 (フルシート) | 月間 AI クレジット | 想定対象 |
|---|---|---|---|
| Starter (無料) | $0 | 500 (日 150 上限) | お試し・個人検証 |
| Professional | $16 (約 ¥2,480) | 3,000 | 個人事業主・小規模チーム |
| Organization | $55 (約 ¥8,525) | 3,500 | 複数チームの中小企業 |
| Enterprise | $90 (約 ¥13,950) | 4,250 | 大規模・高度なセキュリティ要件 |
注意したいのがクレジットの消費量です。Figma 公式の説明では、複雑な指示 1 回で 60〜340 クレジットを消費することがあります。つまり Professional の月 3,000 クレジットでも、込み入った試作を何度も作り直すと月内に使い切る可能性があります。
⚠️ 「無料で十分」とは限らない
無料の Starter は 1 日 150・月 500 クレジットが上限です。複雑な指示は 1 回で 100 クレジット超を消費し得るため、本格的に作り込むなら数回で上限に達します。試すのは無料、実運用は有料、と割り切るのが現実的です。
2026 年 3 月 11 日以降は、追加の AI クレジットをサブスクリプションまたは従量課金 (使った分だけ支払う方式) で買い増せるようになっています (Figma 公式ブログ)。使い込む事業者ほど、この追加コストも見込んでおく必要があります。
次のセクションでは、この料金が「外注に比べて元が取れるのか」を編集部の試算で示します。
外注と比べて元が取れるか (編集部の試算)
中小企業がよく直面するのが「LP 1 枚を制作会社に頼むと数十万円」という現実です。Figma Make を使った場合と比べてみます。
📝 編集部メモ：以下は実在する個社の数字ではなく、一般的な相場をもとにした編集部のシミュレーションです。実際の費用は案件や業者により異なります。
LP 制作を例にした比較です。
| 方法 | 初期費用の目安 | 月額の目安 | 修正のしやすさ |
|---|---|---|---|
| 制作会社に外注 | 15〜40 万円 | 別途保守費 | 都度依頼・有料が多い |
| フリーランスに依頼 | 5〜15 万円 | なし | 依頼ベース |
| Figma Make で自作 | 0 円 (人件費のみ) | $16〜 (約 ¥2,480〜) | 自分でいつでも |
外注 1 件分の費用で、Figma Make の Professional プランは数年分を賄える計算になります。特に「キャンペーンごとに LP を作り替えたい」「思いついたら自分で直したい」という事業者ほど、自作の費用対効果は高まります。
ただし、デザインの完成度や複雑な機能が必要な場合は、プロに頼む価値は依然として残ります。Figma Make が向くのは「方向性を固める試作」「シンプルな LP・フォーム」「社内向けの簡易ツール」だと編集部は考えます。
費用対効果 (ROI) を一言でいえば、「外注前の試作と、軽めの制作なら十分に元が取れる」というのが編集部の結論です。
次のセクションでは、実際に使い始める手順を編集部が整理します。
はじめ方 4 ステップ
初めて触る経営者・担当者でも、次の流れで試作までたどり着けます。
最初から完璧を狙わず、「無料枠でたたき台を出す → 方向性を見極める → 有料で作り込む」という順番が、コストを抑える最短ルートだと編集部は考えます。
中小企業での具体的な使い方
抽象論ではイメージしづらいため、想定シナリオを示します。
たとえば従業員 10 名ほどの工務店が、新サービスの問い合わせページを作りたいとします。これまでは制作会社に 20 万円・納期 3 週間と言われていました。Figma Make なら、担当者がサービス内容と希望の雰囲気をチャットで伝え、数分で試作を生成。社内で文言を詰めてから、必要に応じてプロに最終仕上げを依頼する、という進め方ができます。
このやり方の利点は次の通りです。
- 方向性のズレを早期に発見できる：動く試作を見ながら社内で議論できる
- 外注費を抑えられる：たたき台を社内で作るぶん、発注内容を絞れる
- 修正の自走：軽微な文言変更を自分でできるので保守費を抑えられる
💡 補助金の活用
Web サイトや業務改善ツールの導入費は、IT 導入補助金などの対象になる場合があります。Figma 自体は海外サービスのため対象可否は要確認ですが、関連する制作・改修費まで含めて検討する価値はあります。詳しくは編集部の補助金記事もあわせてご覧ください。
一方で、過信は禁物です。次のセクションで編集部が見たリスクを率直に共有します。
編集部が見たリスクと注意点
便利な反面、導入前に知っておくべき点があります。
⚠️ クレジット切れによる作業中断
作り込んでいる最中にクレジットを使い切ると、追加購入するまで生成が止まります。締め切り前の作業では、クレジット残量に余裕を持たせておくことが重要です。
そのほかの注意点を整理します。
- 為替リスク：請求は米ドル建てのため、円安が進むと実支払額が増えます
- 生成物の品質ばらつき：指示が曖昧だと意図とずれた試作が出ます。具体的に書くほど精度が上がります
- 複雑な機能には不向き：決済連携や大規模なデータ管理が必要な本格システムは対象外と考えるべきです
- 最終確認は人の目で：生成された文言や情報は、公開前に必ず人が確認する必要があります
これらを踏まえると、「試作と軽めの制作は Figma Make、本格開発はプロ」という役割分担が現実的です。
次のセクションでは、似たツールとの違いを簡単に整理します。
競合ツールとの違い
AI で Web を作るツールは複数あります。代表的なものと比べると、選び方が見えてきます。
| ツール | 強み | 編集部の評価 |
|---|---|---|
| Figma Make | デザインと動くコードを行き来できる | デザイン重視・既存 Figma 利用者に◎ |
| Framer AI | ノーコードで独自ドメイン公開まで完結 | 公開まで一気通貫したい人に◎ |
| v0 (Vercel) | コード生成の精度が高い | 開発者寄り・実装まで見据える人に◎ |
| Lovable | アプリ全体を素早く生成 | 試作スピード重視の人に◎ |
Figma Make は、すでに Figma でデザインしている事業者や、デザイン品質を重視する場合に特に相性が良いと編集部は考えます。公開までを 1 つのツールで完結したいなら Framer AI も比較候補に入ります。
ノーコード Web 制作ツール全体を見比べたい方は、Bolt.new や Relume の記事もあわせてご覧ください。
最後に、ここまでの内容をふまえた編集部の総括です。
編集部の総括
Figma Make は、「デザインの試作を、そのまま動く形で」素早く出せる点で、中小企業の制作コスト削減に貢献し得るツールです。
- 向いている人：すでに Figma 利用中／LP・試作を自社で作りたい／外注前にたたき台が欲しい
- 慎重に検討すべき人：複雑なシステムが必要／クレジット消費とドル建て費用を許容しづらい
まずは無料の Starter プランで、自社の用途に合うかを数日試してみるのが、もっともリスクの低い始め方です。
編集長の最終見解
AI で「それっぽいもの」を出すツールは増えました。Figma Make の差別化は、出てきたものが「動くコード」であり「そのまま編集できる」点にあります。中小企業にとっては、外注の前段を自社で握れる意味が大きい。完璧な完成品を期待するのではなく、「方向性を高速に試す道具」として捉えると、月額数千円の投資は十分に回収できると編集部は見ています。
出典・参考情報
Mira ／ AI経営ラボ 編集長
料金プラン
| プラン | 料金 (JPY) | 請求 |
|---|---|---|
| Starter (無料) | ¥0 | 月額 |
| Professional | ¥2,480 | 月額 |
| Organization | ¥8,525 | 月額 |
| Enterprise | ¥13,950 | 月額 |
👍 メリット
- チャットで指示するだけで動く Web アプリやランディングページが生成される
- 生成物が実際に編集可能なコードで動くため、デザインとコードを行き来できる
- すでに Figma を使っているチームなら追加契約なしで使い始められる
- 無料の Starter プランで操作感を試せるため初期投資ゼロで検証できる
- 添付した画像・PDF・既存デザインを下敷きに生成を指示できる
👎 デメリット
- 請求は米ドル建てのため為替で実支払額が変動する
- AI クレジット制で、複雑な指示ほどクレジット消費が大きい
- 無料プランはクレジット上限が厳しく本格運用には足りない
- 大規模 EC や複雑な業務システムには不向き (試作・LP 向き)