AIウェブサイトデザイナー

241 件のツール · 2026年9月29日 更新

AIウェブサイトデザイナー ツールの選び方

プロンプトやスケッチ、手元の文章から、ランディングページや複数セクションのサイト、ポートフォリオ、メモリアルサイト、UIモックアップを形にできます。画面を見ながら整えたい人、HTMLやReactコードへ渡したい人向けに、目的と出力の違いを比べて選べる一覧です。

▶ガイドをすべて読むガイドを閉じる

生成できる画面とサイト

ランディングページを急いで作るなら、AI Landing Page Builderはコーディングなしの作成をうたっています。RapidSiteもAIでウェブサイトを作る用途です。CreateMemorialは故人をたたえるメモリアルサイトに加え、葬儀用スライドショー動画を扱います。一方、UizardはスケッチからUIデザインやプロトタイプへ、Sketchflow.aiはUIデザイン、インタラクティブなプロトタイプ、フロントエンドコードへ進む製品です。これらは同じ「サイト作成」でも成果物が異なります。なお、ページ生成の説明だけで、ホスティング、SEO監査、アクセス解析までできるとは判断しないでください。

スケッチからReactコードまで

最初に何を渡せるか、最後に何を受け取れるかを確認すると選びやすくなります。このカテゴリでは、プロンプト、スケッチ、既存コンテンツを入力にして、ランディングページ、複数セクションのレイアウト、UIモックアップ、ワイヤーフレーム、クリック可能なプロトタイプを作る流れが想定されています。Uizardはスケッチからプロトタイプを作り、Sketchflow.aiはデザインとインタラクティブなプロトタイプ、フロントエンドコードを生成します。実装へ移す場合は、HTMLまたはReactの書き出しに対応するか、編集可能なデータが残るかを確認しましょう。画像だけの出力では、後工程で作り直す可能性があります。

料金・生成クォータの確認

製品を比べる際は、料金モデルだけでなく、生成回数、入力できる文章量、作成できる画面数、画像の解像度、保存期間などの条件を各製品ページで確かめてください。今回の製品説明には具体的な価格や上限が記載されていないため、無料で使える範囲や従量課金の有無を推測することはできません。視覚的な編集、テンプレートの変更、HTML・Reactコードの出力、画像や文章の差し替えがどこまで可能かも別の確認項目です。外部サービスとの連携が必要なら、対応先と、生成後に手動で移す作業の有無も見ておくと、導入後の手順を組みやすくなります。

Uizardのプロトタイプ工程

企画段階で画面の構成を試したい人には、Uizardのスケッチからプロトタイプへ進む流れや、Sketchflow.aiのUIデザイン・クリック可能なプロトタイプが合います。マーケティング用の一枚ページを先に形にしたいなら、AI Landing Page BuilderやRapidSiteを候補にできます。文章や素材をそろえてページ案を作り、担当者がセクションの順番や内容を確認し、必要ならコード出力を実装担当へ渡す、という使い方です。ただし、これらの説明から公開後の運用や集客結果まで保証されるわけではありません。デザイナーの検討用か、実装前のたたき台か、公開用ページの初稿かを先に決めてください。

UXレビューとコード移管

一覧には、ウェブ画面を作る製品と、制作の前後を支える製品が混在しています。AI Website ReviewerはウェブサイトのUXについて洞察と提案を行うもので、ページ生成ツールとは役割が違います。botlwebはAIによるウェブソリューション、自動化、最適化を説明し、Webdoneは個別化されたウェブ体験と業務ワークフローを扱います。HeyBossはスケジュール管理やタスク管理、CrewAI GUI Qtはエージェントのワークフロー、Copybaseはクリップボード管理、Design Interview Sessionsはデザイン面接向けです。サイトのレイアウトを作りたいなら、UI・ページ・コードの記載を優先し、周辺用途はレビューや業務工程に必要な場合だけ比較しましょう。

AIウェブサイトデザイナー のツール一覧

241 件中 1 – 50 件を表示
  • CCreateMemorial
    creatememorial.com

    CreateMemorialは、大切な人を偲ぶために、ご家族が永く残るオンライン追悼サイトや葬儀用スライドショー動画を作成できるサービスです。

    • オンライン追悼ウェブサイトの作成
    • 追悼テンプレートとテーマ
    • 写真、動画、ストーリーの共有
    フリーミアム · $19+サイトへ ↗
  • SSketchflow.ai
    sketchflow.ai

    AI搭載のデザイン→コードプラットフォームで、ウェブやアプリ向けのUIデザイン、インタラクティブプロトタイプ、プロダクション対応のフロントエンドコードを瞬時に生成します。

    • 編集可能な高精細UIデザインとテンプレートライブラリ
    • 瞬時に生成されるユーザーフローとワークフロー
    • 生成コードを実行・プレビューするクラウドシミュレーション
    Freemium · $25+サイトへ ↗
  • AAI Landing Page Builder
    ailandingpage.ai

    AIランディングページは、コーディング不要で迅速かつ簡単にランディングページを作成できるAI搭載ツールです。

    • AI搭載のランディングページ生成
    • 自然言語によるリアルタイム編集
    • モバイル対応かつSEO最適化されたページ
  • Bbotlweb
    boltweb.co

    Boltwebは自動化と最適化のための強力なAI駆動のウェブソリューションを提供します。

    • コンテンツ生成
    • 顧客インタラクションの自動化
    • データ分析
    有料 · $29+サイトへ ↗
  • HHeyBoss
    heyboss.xyz

    HeyBossはAI技術を活用してスケジュール管理とタスク管理を効率化するバーチャルアシスタントです。

    • タスク管理
    • カレンダー統合
    • インテリジェントなスケジューリング
    フリーミアム · $24.99+サイトへ ↗
  • WWebdone
    webd.one

    Webdoneは、パーソナライズされたウェブ体験と自動化されたビジネスワークフローのためのAIエージェントです。

    • 自動化されたワークフロー
    • パーソナライズされたコンテンツ配信
    • ユーザーインタラクションの最適化
    有料 · $14+サイトへ ↗
  • 広告

  • UUizard
    uizard.io

    Uizardは、スケッチからプロトタイプまでUI/UXデザインを加速するAIツールです。

    • スケッチからプロトタイプへの変換
    • コラボレーティブデザインツール
    • インタラクティブプレビュー
    フリーミアム · $12+サイトへ ↗
  • CCrewAI GUI Qt
    langgraph-gui.github.io

    ビジュアルで設計、構成、実行できるクロスプラットフォームのQtベースデスクトップアプリケーションで、CrewAIエージェントワークフローを作成します。

    • ビジュアルノードベースのワークフローエディタ
    • ドラッグ&ドロップによる構成可能なノード
    • リアルタイム実行と監視
  • ZZipWP
    zipwp.com

    ZipWPは、ウェブサイトの作成を効率的に向上させるAI駆動のコンテンツジェネレーターです。

    • コンテンツ生成
    • 自動デザイン提案
    • テンプレートカスタマイズ
  • CCopybase
    chromewebstore.google.com

    CopyBaseは複数のクリップボードエントリを簡単に管理できるクリップボードユーティリティです。

    • 複数のクリップボードエントリを管理する
    • クリップボード履歴に簡単にアクセスする
    • クリップボードエントリを整理および検索する
  • EEnterbox
    enterbox.app

    Enterboxは、メモとタスクを管理・共有するためのシームレスで共同作業のプラットフォームです。

    • 共同メモ取り
    • タスク管理
    • リアルタイム更新
  • DDesign Interview Sessions
    designinterviews.in

    効果的なデザイン面接を、効率化されたツールとプロセスで実施します。

    • 面接スケジューリング
    • 質問管理
    • 候補者評価
    フリーミアム · 420+サイトへ ↗
  • RRapidSite
    aiwebsitebuilder.tech

    コーディング不要で、AI技術を使用して驚くべきウェブサイトを自動的に作成します。

    • AIベースのウェブサイト作成
    • カスタマイズ可能なテンプレート
    • ドラッグアンドドロップインターフェース
  • AAI Website Reviewer
    chromewebstore.google.com

    AIウェブサイトレビューワーは、洞察と推奨事項を使ってウェブサイトのUXを向上させます。

    • コピー改善提案
    • UI監査と推奨
    • コンバージョン最適化のヒント
  • MMediaBrief
    mediabrief.space

    YouTube動画を要約し、テキストを抽出し、AIを使ってコンテンツとチャットします。

    • YouTube動画からテキストを抽出する。
    • 迅速な要約を生成する。
    • 動画コンテンツとのインタラクティブなチャット。
  • EEazieBuy
    eaziebuy.com

    EazieBuyのAI駆動プラットフォームを使って、数分でプロフェッショナルなウェブサイトを作成します。

    • AI搭載のドラッグ&ドロップビルダー
    • カスタマイズ可能なテンプレート
    • レスポンシブデザイン
  • AAI Code Preview
    chromewebstore.google.com

    AIの応答からコードをプレビュー、コピー、およびダウンロードし、さまざまな言語をサポートします。

    • リアルタイムコードプレビュー
    • 簡単なコピーとダウンロード
    • スマート検出
  • DDustyMars.com
    play.google.com

    Dustymars Lite: 安全にオンラインショッピングをするためにスキャンし、フィルタリングします。

    • 安全な検索フィルタリング
    • 商品推薦
    • プライバシー保護
  • 広告

  • Mr. Digixを使用して、簡単に安全でSEO最適化された視覚的に魅力的なWebサイトを作成します。

    • 既製のテンプレート
    • ドラッグ&ドロップインターフェイス
    • SEO最適化
    有料 · $100.31+サイトへ ↗
  • AAI User Testing Agent
    chromewebstore.google.com

    AI駆動の洞察と推奨でウェブサイトのUXを強化してください。

    • 自動化されたユーザビリティ分析
    • 詳細なユーザーインタラクションの洞察
    • 実行可能な改善の提案
  • UUI Copilot
    chromewebstore.google.com

    どのウェブサイトでもAI駆動のデザインフィードバック。あなたの個人的なデザインコパイロット。

    • AI駆動のデザインフィードバック
    • スクリーンキャプチャツール
    • レイアウト、カラースキーム、タイポグラフィのデザインヒント
  • RRateMySite
    ratemysite.xyz

    RateMySiteは、改善のためにウェブサイトに関するフィードバックを収集するのに役立ちます。

    • 簡単なフィードバック収集
    • ユーザーフレンドリーなインターフェース
    • フィードバック分析ツール
  • WWebifier.io
    webifier.io

    Webifier.ioを使えば、数分でAIデザインのウェブサイトを生成して公開することができます。

    • AI駆動のウェブサイト生成
    • カスタマイズ可能なサイト要素
    • エクスポート可能なコード
    有料 · $19+サイトへ ↗
  • AAltsite
    chromewebstore.google.com

    AIによる分析を使って、1回のクリックで似たウェブサイトを見つけましょう。

    • 即時分析
    • AIによる推奨
    • スマートキャッシング
  • NNeweb.ai
    neweb.ai

    Neweb.aiを使用して、AI駆動の最適化とカスタマイズを特徴とするプロフェッショナルなウェブサイトを手軽に構築しましょう。

    • 1年間の無料ドメイン
    • 高速ホスティング
    • AI駆動のSEOおよびウェブサイト維持
  • AAI Website Tool
    aiwebsitetool.com

    数回のクリックでAIを使って素晴らしいウェブサイトを作成します。

    • AI生成のコンテンツとビジュアル
    • リアルタイムエディター
    • 複数のテーマとテンプレート
  • LLLMMM
    llmmm.us

    主要なチャットボットを対象としたAIベースのブランドモニタリング。

    • リアルタイムモニタリング
    • クロスモデルの洞察
    • 自動分析
  • WWebsite2GPT
    website2gpt.com

    Website2GPTを使用して、ウェブサイトのコンテンツをクリーンで構造化されたテキストファイルに変換します。

    • ワンクリックでのサイトマップ処理
    • JavaScriptコンテンツを扱う
    • クリーンでフォーマットされた出力
  • CClaude Quick Prompts
    chromewebstore.google.com

    効率的なプロンプト管理のためにClaude.aiにクイックプロンプト機能を追加します。

    • 頻繁なプロンプトを保存
    • 保存したプロンプトへの迅速なアクセス
    • 繰り返し作業を最小限に抑える
  • 広告

  • SSiteArchi AI
    sitearchi.com

    サイトマップとワイヤーフレームのためにSiteArchiを使用して、AIでよりスマートにウェブサイトをデザインします。

    • AI駆動のサイトマップ作成
    • インタラクティブなAIチャットセッション
    • 直感的なワイヤーフレームデザインスタジオ
    フリーミアム · $9+サイトへ ↗
  • AAidaFramework.com
    aidaframework.com

    回答エンジンと生成エンジンの最適化を使用してAIの可視性のためにコンテンツを最適化します。

    • 回答エンジン最適化(AEO)
    • 生成エンジン最適化(GEO)
    • 多言語コンテンツインデックス作成
  • LLittle Bro
    littlebro.app

    UI/UXデザイナーのためのAI駆動のデザインアシスタントで、デザインの質を向上させ、時間を節約します。

    • オンデマンドデザインフィードバック
    • リアルタイムトレンドアナライザー
    • アクセシビリティと包括性のチェック
    無料トライアル · $28.84+サイトへ ↗
  • BBoost My Offer
    boostmyoffer.com

    SEO最適化されたアフィリエイトマーケティングウェブサイトを簡単に作成します。

    • 完全にカスタマイズ可能なウェブサイト
    • 自動コンテンツ生成
    • AI駆動のライブチャット
  • WWebsite Reader for Claude
    chromewebstore.google.com

    Claudeのためのウェブサイトコンテンツをシームレスに自動抽出します。

    • 即時コンテンツ共有
    • 完璧なフォーマット
    • シンプル&高速
  • PPagen
    pagen.so

    Pagenは、マーケティングキャンペーンページを effortlessly 作成するためのAIランディングページジェネレーターです。

    • AIによるデザイン
    • カスタマイズ可能なテンプレート
    • SEOフレンドリー
  • SSaaSwithAI
    saaswithai.com

    ビジネスオペレーションを強化するAI駆動のSaaSプラットフォーム。

    • データ分析ツール
    • 顧客関係管理
    • プロセス自動化
  • PPodereo
    podereo.com

    Poderéoの革新的なツールでプロジェクト管理を効率化します。

    • タスク管理
    • コラボレーションツール
    • 締切追跡
  • Wwizard-proto
    chromewebstore.google.com

    AI駆動のプロトタイピングツールがテキストをページデザインに変換します。

    • AIテキストからコードへの変換
    • プロトタイプのリアルタイムレンダリング
    • 簡単な共有と共同作業ツール
  • DDevwrits
    devwrits.com

    迅速なソフトウェア開発のためのAI駆動型サブスクリプションサービス。

    • ウェブサイト開発
    • ブログ作成
    • API開発
  • PPyrafect
    pyrafect.com

    Pyrafectは効率的なリスク分析のためのAIツールです。

    • AI駆動のリスク分析
    • リアルタイムの優先度付け
    • 開発ツールとの統合
  • 広告

  • HHYLSE AI
    hylse.com

    Hylse AIを使用して、ReactおよびTailwindコンポーネントを簡単に作成できます。

    • AI支援コンポーネント生成
    • リアルタイムプレビュー
    • カスタマイズ可能なテンプレート
  • Hocoos AIビルダーで簡単に魅力的なウェブサイトを作成できます。

    • AI駆動のデザイン生成
    • カスタマイズオプション
    • eコマース統合
    無料トライアル · $15+サイトへ ↗
  • AAI-created Text Styler
    chromewebstore.google.com

    AIによるカスタマイズで、テキストスタイルを簡単に向上させます。

    • AI駆動のテキストスタイリング
    • 複数のデザインオプション
    • ユーザーフレンドリーなインターフェース
  • WWebsite AI Extension
    chromewebstore.google.com

    AI駆動の洞察と自動化でブラウジングを向上させましょう。

    • 自動データ抽出
    • コンテンツの要約
    • タスクの自動化
  • WWebsiteAuditAI
    websiteauditai.com

    最適化と分析のためのAI駆動型ウェブサイト監査ツール。

    • AI駆動の分析
    • SEO監査
    • ユーザーエクスペリエンス評価
    フリーミアム · $2+サイトへ ↗
  • SShould I Hire AI
    shouldihire.ai

    ビジネス向けにパーソナライズされたAI投資推奨。

    • パーソナライズされた推奨
    • アンケートに基づく評価
    • 詳細なレポート
  • FFanmeAI
    fanmeai.com

    私たちの革新的な顔交換技術で写真を変換しましょう。

    • 顔交換技術
    • リアルタイム処理
    • 幅広いセレブの選択
  • AAuraticAI
    auraticai.com

    シームレスなボイスオーバーとコンテンツ作成のためのAI搭載プラットフォーム。

    • AIボイスオーバー
    • 音声からテキスト
    • チャット生成
広告