AIウェブサイトビルダー

2026年の​おすすめ​AIウェブサイトビルダー。

19のAIビルダーを比較しました。それぞれ何が作れるのか、コードを持ち出せるのか、費用はいくらか。そして、マーケティングチームが編集できるHubSpotやWordPressにサイトを移す方法も紹介します。

価格と機能は、2026年10月29日に各社のWebサイトで確認したものです。頻繁に変わります。

おすすめ

どれを​選ぶか。

ツールからではなく、サイトをどこに置くかから考えましょう。

  • チームで編集するマーケティングサイト

    Figma Make、Google Stitch、UX Pilotでデザインするか、Lovableやbolt.newで作り、transjtでHubSpotまたはWordPressのネイティブテーマに変換します。

  • ログインとデータを扱うアプリ

    Replitかbase44。どちらもページと一緒にバックエンドも作ります。

  • 自分のコードベースで作業

    Claude Code、Codex、Builder.ioは、使っているフレームワークのまま、リポジトリを直接変更します。

  • コードなしで、すぐ公開

    Wix、Squarespace、Durable、Hostinger。すべてが1か所にそろいますが、サイトはそこに留まります。

  • デザイン重視のマーケティングサイト

    ホスティングも任せてよいなら、FramerかWebflow。

  • 最初からWordPress

    10Webは、自社のホスティングまたは任意のWordPressホスティング上に、WordPressサイトとして作ります。

AIアプリビルダー

コードを​書くビルダー。

サイトの内容を伝えれば、ダウンロードやGitHubへの同期ができる本物のプロジェクトを書いてくれます。そのコードを、transjtがHubSpotまたはWordPressのテーマに変換します。

  • Lovable

    Webサイト、アプリ、社内ツールをプロンプトから作るアプリビルダー。

    作れるもの
    React:2026年5月以降のアプリはTanStack Start、それ以前はReact + Vite。バックエンドは組み込みまたはSupabase
    コードの持ち出し
    全プランでGitHub同期、有料プランでZIPダウンロード
    ホスティング
    lovable.app、または任意の場所
    無料プラン
    1日5クレジット
    有料プラン(最安)
    $25/月
    HubSpotへ(Lovableから)WordPressへ(Lovableから)
  • v0

    プロンプトからアプリを作るVercelのビルダー。

    作れるもの
    Next.js(React、TypeScript、Tailwind、shadcn/ui)
    コードの持ち出し
    GitHubとの双方向同期(無料プランでも可)
    ホスティング
    Vercel(コードはほかの場所でも動作可)
    無料プラン
    $5分のクレジット
    有料プラン(最安)
    $30/ユーザー/月
    HubSpotへ(v0から)WordPressへ(v0から)
  • bolt.new

    ブラウザ上でプロンプトからアプリを作る、StackBlitzのビルダー。

    作れるもの
    JavaScriptのプロジェクト(標準はReact + Vite + TailwindとNode.jsのバックエンド)
    コードの持ち出し
    ZIPダウンロードとGitHub同期
    ホスティング
    Bolt Cloud、または自前のホスティング
    無料プラン
    月100万トークン
    有料プラン(最安)
    $25/月
    HubSpotへ(bolt.newから)WordPressへ(bolt.newから)
  • Replit

    フルスタックアプリを作って動かす、クラウドIDE付きのAIエージェント。

    作れるもの
    エージェントが選んだスタックでのフルスタックアプリ
    コードの持ち出し
    ZIPダウンロードとGitHub
    ホスティング
    Replit、またはエクスポート後に自前のホスティング
    無料プラン
    アプリ1つ(リンクは30日で失効)
    有料プラン(最安)
    $20/月
    HubSpotへ(Replitから)WordPressへ(Replitから)
  • Claude Code

    Anthropicのコーディングエージェント。ターミナル、IDE、デスクトップアプリ、Webで使えます。

    作れるもの
    自分のリポジトリへの変更(言語やフレームワークは問わない)
    コードの持ち出し
    手元のファイルとgitで直接作業
    ホスティング
    なし(好きな場所にデプロイ可)
    無料プラン
    なし(Claudeの有料プランに含まれる)
    有料プラン(最安)
    $20/月(Claude Pro)
    HubSpotへ(Claude Codeから)WordPressへ(Claude Codeから)
  • Codex

    OpenAIのコーディングエージェント。CLI、IDE拡張機能、デスクトップアプリ、クラウドで使えます。

    作れるもの
    リポジトリまたはクラウドのワークスペース上のコード
    コードの持ち出し
    ローカルリポジトリとGitHub
    ホスティング
    コード用はなし(ChatGPTの「Sites」でシンプルなサイトはホスト可)
    無料プラン
    あり(制限付き)
    有料プラン(最安)
    $8/月(ChatGPT Go)
    HubSpotへ(Codexから)WordPressへ(Codexから)
  • Rocket

    作る前に市場を調べる、プロンプトからアプリを作るビルダー。

    作れるもの
    Webサイトは2026年2月以降Next.js(TypeScript)、モバイルはFlutter
    コードの持ち出し
    GitHub(Next.jsプロジェクトは双方向)
    ホスティング
    Rocketのホスティング、または自分のNetlifyアカウント
    無料プラン
    20クレジット(初回のみ)
    有料プラン(最安)
    $25/月
    HubSpotへ(Rocketから)WordPressへ(Rocketから)
  • 独自のバックエンドを持つ、ノーコードでプロンプトからアプリを作るビルダー。

    作れるもの
    React + Vite + Tailwindのフロントエンド。データ、ログイン、関数はbase44上
    コードの持ち出し
    Builderプラン($50/月)以上でZIPとGitHub。バックエンドはbase44に残る
    ホスティング
    base44
    無料プラン
    月25クレジット
    有料プラン(最安)
    $20/月
    HubSpotへ(base44から)WordPressへ(base44から)
  • Builder.io

    自分のコードベース上で動くAIビジュアル開発プラットフォーム。Figmaからコードへのプラグイン付き。

    作れるもの
    自分のリポジトリとフレームワークのコードを、プルリクエストとして
    コードの持ち出し
    GitHub、GitLab、Bitbucket(無料プランでも可)
    ホスティング
    自前のホスティング。プロジェクトのホスティングも付属
    無料プラン
    月60クレジット
    有料プラン(最安)
    $30/ユーザー/月
    HubSpotへ(Builder.ioから)WordPressへ(Builder.ioから)
AIデザインツール

まず​デザインする​ツール。

画面やプロトタイプを作り、コードを出力するものもあります。何かを作る前に、見た目を固めるのに向いています。

  • Figma Make

    Figmaの中で、プロンプトからプロトタイプを作るツール。

    作れるもの
    Reactのプロトタイプとアプリ、Figma用のデザインレイヤー
    コードの持ち出し
    ZIPダウンロードとGitHubへのプッシュ
    ホスティング
    Figmaがホストするアドレス(独自ドメインも可)
    無料プラン
    AIクレジットに上限あり
    有料プラン(最安)
    $20/月(フルシート)
    HubSpotへ(Figma Makeから)WordPressへ(Figma Makeから)
  • プロンプトからUIを作るGoogle Labsのデザインツール。

    作れるもの
    UIデザイン、HTMLとCSS、デザインルールをまとめたDESIGN.md
    コードの持ち出し
    HTMLとCSS、Figmaへのコピー、Netlify経由での公開
    ホスティング
    独自のホスティングなし
    無料プラン
    無料
    有料プラン(最安)
    有料プランなし
    HubSpotへ(Google Stitchから)WordPressへ(Google Stitchから)
  • プロンプトからワイヤーフレームとUIを作るデザインツール。

    作れるもの
    ワイヤーフレームと画面、HTML、CSS、Tailwind
    コードの持ち出し
    Proプラン以上でFigmaとコードへのエクスポート
    ホスティング
    なし
    無料プラン
    1日80クレジット
    有料プラン(最安)
    $22/月(年払い)
    HubSpotへ(UX Pilotから)WordPressへ(UX Pilotから)
ホスティング型AIサイトビルダー

サイトを​囲い込む​ビルダー。

すぐに始められますが、サイトは各社のプラットフォーム上に置かれ、ほとんどはほかへ持ち出せるコードを渡してくれません。後で移るには移行が必要です。

  • AIデザインエージェントを備えたサイトビルダー。

    作れるもの
    Framer上のサイト
    コードの持ち出し
    不可(FramerにはHTMLエクスポートなし)
    ホスティング
    Framerのみ
    無料プラン
    Framerのドメインで公開
    有料プラン(最安)
    $10/月(年払い)
    HubSpotへ移行(Framerから)WordPressへ移行(Framerから)
  • サイトビルダー。Wix Harmonyは、AIエージェントとドラッグ&ドロップを組み合わせています。

    作れるもの
    Wix上のサイト
    コードの持ち出し
    不可(WixのサイトはWix上でのみ動作)
    ホスティング
    Wixのみ
    無料プラン
    Wixの広告付き
    有料プラン(最安)
    約$17/月、年払い(国により異なる)
    HubSpotへ移行(Wixから)WordPressへ移行(Wixから)
  • AIを備えたビジュアルサイトビルダー。

    作れるもの
    Webflow上のサイト
    コードの持ち出し
    一部可:有料のワークスペースプランでHTML、CSS、JavaScript(CMS、フォーム、ショップは除く)
    ホスティング
    Webflow(エクスポートしたコードはどこでも動作)
    無料プラン
    Starterプラン
    有料プラン(最安)
    $15/月(年払い)
    HubSpotへ移行(Webflowから)WordPressへ移行(Webflowから)
  • AIビルダー付きのホスティング。エージェントとチャットするか、ドラッグ&ドロップで作ります。

    作れるもの
    エージェントモード:React、Tailwind、Node.js。エディターモード:Hostinger上のサイト
    コードの持ち出し
    エージェントモード:ZIP(データは含まない)
    ホスティング
    Hostinger(エクスポートしたコードは、Node対応または静的ホスティングならどこでも動作)
    無料プラン
    なし(無料トライアルあり)
    有料プラン(最安)
    48か月契約で$2.49/月、その後は$10.99
    HubSpotへ移行(Hostinger AI Builderから)WordPressへ移行(Hostinger AI Builderから)
  • Blueprint AIを備えた、テンプレート型のサイトビルダー。

    作れるもの
    Squarespace上のサイト
    コードの持ち出し
    不可(コンテンツのみ、WordPress用XMLファイルとして)
    ホスティング
    Squarespaceのみ
    無料プラン
    なし(14日間のトライアルあり)
    有料プラン(最安)
    約$25/月、年払いなら$19(米国)
    HubSpotへ移行(Squarespaceから)WordPressへ移行(Squarespaceから)
  • AIビジネスビルダー。CRM、SEO、AIエージェントを備えたサイトを作ります。

    作れるもの
    Durable上のサイト
    コードの持ち出し
    エクスポート不可
    ホスティング
    Durableのみ
    無料プラン
    プレビューのみ
    有料プラン(最安)
    $25/月
    HubSpotへ移行(Durableから)WordPressへ移行(Durableから)
  • マネージドホスティング付きで、WordPressサイトを作るAIビルダー。

    作れるもの
    管理画面をすべて使えるWordPressサイト
    コードの持ち出し
    WordPressとして:バックアップと標準的な移行
    ホスティング
    10Web、または任意のWordPressホスティング
    無料プラン
    なし(3日間のトライアルあり)
    有料プラン(最安)
    $20/月、年払いなら$10
    WordPressからHubSpotへ(10Webから)
  • AIで作ったサイトで試してみましょう。

    今日​デザインして、​明日​公開。

    無料で始めるデモを予約
並べて比較

19ツールすべてを​ひと目で。

AIウェブサイトビルダーの比較:作れるもの、コードを持ち出せるか、無料プラン、最も安い有料プラン
ビルダー種類作れるものコードの持ち出し無料プラン有料プラン(最安)
LovableアプリビルダーReact:2026年5月以降のアプリはTanStack Start、それ以前はReact + Vite。バックエンドは組み込みまたはSupabase全プランでGitHub同期、有料プランでZIPダウンロード1日5クレジット$25/月
v0アプリビルダーNext.js(React、TypeScript、Tailwind、shadcn/ui)GitHubとの双方向同期(無料プランでも可)$5分のクレジット$30/ユーザー/月
bolt.newアプリビルダーJavaScriptのプロジェクト(標準はReact + Vite + TailwindとNode.jsのバックエンド)ZIPダウンロードとGitHub同期月100万トークン$25/月
Replitアプリビルダーエージェントが選んだスタックでのフルスタックアプリZIPダウンロードとGitHubアプリ1つ(リンクは30日で失効)$20/月
Claude Codeアプリビルダー自分のリポジトリへの変更(言語やフレームワークは問わない)手元のファイルとgitで直接作業なし(Claudeの有料プランに含まれる)$20/月(Claude Pro)
Codexアプリビルダーリポジトリまたはクラウドのワークスペース上のコードローカルリポジトリとGitHubあり(制限付き)$8/月(ChatGPT Go)
RocketアプリビルダーWebサイトは2026年2月以降Next.js(TypeScript)、モバイルはFlutterGitHub(Next.jsプロジェクトは双方向)20クレジット(初回のみ)$25/月
base44アプリビルダーReact + Vite + Tailwindのフロントエンド。データ、ログイン、関数はbase44上Builderプラン($50/月)以上でZIPとGitHub。バックエンドはbase44に残る月25クレジット$20/月
Builder.ioアプリビルダー自分のリポジトリとフレームワークのコードを、プルリクエストとしてGitHub、GitLab、Bitbucket(無料プランでも可)月60クレジット$30/ユーザー/月
Figma MakeデザインツールReactのプロトタイプとアプリ、Figma用のデザインレイヤーZIPダウンロードとGitHubへのプッシュAIクレジットに上限あり$20/月(フルシート)
Google StitchデザインツールUIデザイン、HTMLとCSS、デザインルールをまとめたDESIGN.mdHTMLとCSS、Figmaへのコピー、Netlify経由での公開無料有料プランなし
UX Pilotデザインツールワイヤーフレームと画面、HTML、CSS、TailwindProプラン以上でFigmaとコードへのエクスポート1日80クレジット$22/月(年払い)
Framerホスティング型ビルダーFramer上のサイト不可(FramerにはHTMLエクスポートなし)Framerのドメインで公開$10/月(年払い)
Wixホスティング型ビルダーWix上のサイト不可(WixのサイトはWix上でのみ動作)Wixの広告付き約$17/月、年払い(国により異なる)
Webflowホスティング型ビルダーWebflow上のサイト一部可:有料のワークスペースプランでHTML、CSS、JavaScript(CMS、フォーム、ショップは除く)Starterプラン$15/月(年払い)
Hostinger AI Builderホスティング型ビルダーエージェントモード:React、Tailwind、Node.js。エディターモード:Hostinger上のサイトエージェントモード:ZIP(データは含まない)なし(無料トライアルあり)48か月契約で$2.49/月、その後は$10.99
Squarespaceホスティング型ビルダーSquarespace上のサイト不可(コンテンツのみ、WordPress用XMLファイルとして)なし(14日間のトライアルあり)約$25/月、年払いなら$19(米国)
Durableホスティング型ビルダーDurable上のサイトエクスポート不可プレビューのみ$25/月
10Webホスティング型ビルダー管理画面をすべて使えるWordPressサイトWordPressとして:バックアップと標準的な移行なし(3日間のトライアルあり)$20/月、年払いなら$10

他社製品の情報は各社の公開Webサイトに基づき、2026年10月29日に確認したものです。価格、プラン、機能は変わることがあるため、決める前に各社のサイトをご確認ください。製品名とロゴは各所有者に帰属します。transjtはこれらの企業と提携関係にありません。

お使いのCMSへ

AIで​作ったものを、​チームで​編集できるサイトに。

ほとんどのAIビルダーは、サイトを自社でホスティングします。フォーム、CRM、エディターと一緒にHubSpotやWordPressで運用するには、サイトを変換してください。

  1. 作る、またはデザインする

    コードを渡してくれるAIビルダーで作るか、Figmaでデザインします。

  2. GitHubにプッシュ

    transjtがリポジトリを読み取ります。Figmaのデザインなら、transjtのプラグインを使います。

  3. ネイティブテーマをエクスポート

    マーケティングチームがHubSpotで並べ替えられるHubLモジュール、または自社管理のホスティングで動く、本物のPHPテンプレートを備えたWordPressテーマ。

FAQ

AIウェブサイトビルダーに​ついての質問。

選ぶ前によく聞かれること。

デモを予約
  • サイトをどこに置くかによります。マーケティングチームがHubSpotやWordPressで編集するサイトなら、Lovable、v0、bolt.newなどコードを渡してくれるビルダーを使うか、Figma Makeでデザインし、transjtで変換します。バックエンドのあるアプリなら、Replitかbase44。コードなしで最速で始めたいなら、サイトが各社のプラットフォームに留まってもよい場合に限り、WixかSquarespaceです。

  • Lovable、v0、bolt.new、Replit、Rocket、Builder.io、Figma Makeは、GitHubへの同期かZIPでのダウンロードができます。base44はBuilderプランから可能です。Claude CodeとCodexは、自分のリポジトリで直接作業します。Framer、Wix、Squarespace、Durableはサイトをエクスポートできません。Webflowは有料プランで静的HTMLをエクスポートできますが、CMSは含まれません。

  • ほとんどに、クレジットに上限のある無料プランがあります。Lovable、v0、bolt.new、Replit、Rocket、base44、Builder.io、Codex、Figma Make、UX Pilot、Framer、Wix、Webflowです。Google Stitchは無料です。Hostinger、Squarespace、10Webは無料プランの代わりにトライアルを提供しており、Claude CodeにはClaudeの有料プランが必要です。

  • ほとんどのAIアプリビルダーは月$20〜$25から始まります(Replit、Claude Pro、Lovable、bolt.new、Rocket、base44)。v0とBuilder.ioは1ユーザーあたり$30からです。ホスティング型ビルダーの最低価格は、$10(Framer、年払い)から約$25/月(Squarespace)です。価格は2026年10月29日時点のものです。

  • はい。AIツールでサイトを作るかデザインし、transjtでネイティブなHubSpotテーマに変換します。マーケティングチームがドラッグ&ドロップのエディターで並べ替えられるHubLモジュールになり、HubSpotのフォームやCRMのデータも使えます。

  • 10WebならWordPressサイトを直接作れます。または、コードを渡してくれるAIビルダーで作り、transjtで、本物のPHPテンプレートを備えたWordPressテーマに変換して、自社管理のホスティングで動かすこともできます。

他社製品の情報は各社の公開Webサイトに基づき、2026年10月29日に確認したものです。価格、プラン、機能は変わることがあるため、決める前に各社のサイトをご確認ください。製品名とロゴは各所有者に帰属します。transjtはこれらの企業と提携関係にありません。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。