【2026年最新】aiドラ アプリケーション完全ガイド｜Dora AIで作る実例

Key Takeaway: Dora AIは「3D・スクロールアニメ標準搭載のWebサイトをワンプロンプトで生成する」尖った立ち位置のAIアプリケーション。デザインは破格、コピーは要書き直し。LP・ポートフォリオ・ティザーサイトでは一択、業務アプリには別ツールが正解。

「aiドラ」で検索してたどり着く人の9割は、SNSで流れてきた派手な3Dサイトを自分でも作りたい層だ。期待してアクセスして「英語ばっかりで結局どう使うの？」で離脱する人も多い。本稿は実機で触り倒した編集部が、Dora AIをアプリケーションとして仕事で使えるかをフラットに検証する。

Dora AIとは何か：3行で言える定義

Dora AIとは、テキストプロンプトから3Dアニメーション付きWebサイトを丸ごと生成するAIアプリケーションです。Webflow的なノーコード編集機能と、ChatGPT的な対話生成を1つの画面に統合している。LP・ポートフォリオ・キャンペーンサイト用途で特に強い。

似たカテゴリのツールはたくさんあるが、「動きのあるサイトをワンプロンプトで吐き出す」点ではほぼ独走状態。Framer AIやWix Studio AIと比べても、デフォルトのアニメーション表現の派手さが頭ひとつ抜けている。

なぜ今「aiドラ アプリケーション」で検索が増えているのか

2026年に入って、AI生成サイトのSNS拡散が一気に加速した。背景には、X（旧Twitter）でのデザイナーコミュニティでの拡散と、海外メディアでのレビュー記事増加がある。

検索する人の動機は大きく3つに分かれる。1つ目はLPを早く出したい個人事業主。2つ目はポートフォリオを作り直したい副業デザイナー。3つ目はクライアント提案でモック作成を爆速化したい制作会社。それぞれで求めるアウトプットが違う点には注意が必要だ。

料金プランと無料枠：実際どこまで無料で使えるか

公式サイトでの料金構成は無料プランと有料プランの段階制になっている。無料枠でも生成自体は試せるが、独自ドメイン公開や高解像度書き出しは有料が前提だ。

無料で「使える」かどうかは目的次第。社内提案やデザインの着想ならば無料で十分、本番運用なら有料一択というのが結論。

実際の使い方：プロンプト1本でWebサイトが立ち上がる流れ

ログイン後、トップで「Generate」を選び、プロンプト欄に作りたいサイトを書く。「Dark theme portfolio for 3D motion designer with hero animation」のように、トーン・主題・必須要素を3点セットで書くと精度が一気に上がる。

生成は数分。最初に骨組みのワイヤー、その後にコピー・画像・アニメーションが順次反映される。生成中にブラウザを閉じても進行は続くため、放置しても問題ない。完成後はWebflow風のエディタでブロック単位で編集できる。

編集部が試した3つのプロンプト実例

実機で叩いて、結果が良かったプロンプトを共有する。コピペで再現可能だ。

1つ目は「Saas landing page for AI meeting note tool, blue gradient hero, scroll-triggered 3D laptop animation」。SaaS LPの王道構成が一発で出た。 2つ目は「Photographer portfolio in Tokyo, monochrome, vertical scroll story」。ストーリー型ポートフォリオが想像以上の完成度。 3つ目は「Pre-launch teaser for indie game, neon cyberpunk, countdown timer」。カウントダウン部分はモック表示なので、別途実装が必要。

逆に弱点もはっきり出た。生成直後のレイアウトはおしゃれだが、テキスト内容は汎用的でそのままでは使えない。コピーは必ず人間が書き直す前提で組むべき、というのが正直な感想。

競合ツールとの比較：Dora AIはどこに位置するか

2026年のAIアプリビルダー市場は層が厚い。Dora AIの立ち位置を、主要ツールと並べて整理する。

「動くサイト」を最短で出したいならDora AI、業務アプリならBubble、エンジニアの実装支援ならv0、という棲み分けが2026年時点での実用解だ。動画AIで近い体験を求めるならsora-ai-guide-2026も併せて読むと選定がスムーズになる。

Dora AIの強みと弱み：実務目線の正直レビュー

強みは3つある。第一に、ワンプロンプト生成の完成度。第二に、3Dアニメのデフォルト品質が高く、自分で実装すると数日かかる表現が数分で出る。第三に、Webflow経験者なら学習コストがほぼゼロ。

弱みも3つある。コピーは汎用的でそのまま使えない。日本語フォント周りが英語前提のレイアウトに引っ張られる。複雑なフォーム・会員機能・DBは別ツールに任せる前提が必要だ。

つまり「ビジュアル一発勝負のサイト」用途では破格に強いが、データを扱うアプリには向かない。この線引きを最初に決めておくと迷わない。

日本語対応の現状：プロンプトとUIの分けて考える

プロンプトは日本語で投げて問題ない。生成されるコピーも日本語にできる。ただし、UIは英語中心で、設定画面のラベルやオプション名は英語のままだ。

日本語フォントの自動選択はまだ甘い。明朝・ゴシックの使い分けや、行間・字間のバランスは編集後にCSS的に調整が必要になる。フォントを「Noto Sans JP」に明示的に変える手順は最初に覚えておくと時短になる。

どんな人に向いているか：4つのユースケース

ユースケース別に整理すると判断が早い。

• 副業デザイナーのポートフォリオ刷新: 一番ハマる。半日で見栄えのするサイトが立ち上がる
• 個人事業主のサービスLP: コピーを自分で書き直す前提なら2日で公開可能
• 制作会社のクライアント提案モック: 提案初期のたたき台として最強。実装は別途必要
• イベント・ローンチティザーページ: 期間限定の派手なサイトに最適

逆に、ECサイト本格運用や社内業務アプリには向かない。後者はautogpt-complete-guide-2026で扱うようなエージェント型ツールやBubbleの方が向く。

よく聞かれる質問：書き出し・SEO・パフォーマンス

書き出しはHTML/CSSのコード書き出しではなく、Doraのホスティングか独自ドメイン接続が基本になる。完全自前ホスティングへ移したい場合は別ツールへの移行が必要だ。

SEO面は基本的なメタタグやOGP設定はできるが、構造化データやhreflangなど踏み込んだ要件は手動で埋めることになる。3Dアニメを多用するとモバイルでのCore Web Vitalsが下がりやすいため、ヒーロー以外でアニメを抑える設計が現実解だ。

検索体験の最適化を本格的にやるなら、画像系の最適化はai-ocr-tools-guide-2026のように別ツールと組み合わせる発想が必要になる。

編集部の利用レポート：30日触ってみての本音

正直、最初の3日は感動した。プロンプト1本で動くサイトが出てきた瞬間、「Webflowを2年触ってきた時間はなんだったのか」と思った。

ただし、現場で使い始めると現実が見えてくる。クライアント提案のたたき台としては破格に便利。一方で、本番公開までに「コピー全書き直し・フォント調整・モバイル最適化」という3つの追加工数が必ず発生する。30日間で12サイト作ったが、そのまま納品できたのは0件だった。

結論は、Dora AIは「制作の起点を爆速化する道具」であって「制作を全部やってくれる道具」ではない。この期待値を最初に揃えておけば、間違いなく仕事道具として常駐させる価値がある。AIツール全般の最新動向はmeta-ai-guide-2026やtopic-400329-guide-2026-2も併読すると、選択肢の地図が頭に入る。

よくある質問（FAQ）

Q. Dora AIは無料で使えますか？

無料プランがあり、生成とプレビューまでは無料で試せます。独自ドメインでの公開や商用利用、高解像度の書き出しには有料プランが必要です。まず無料で生成品質を確認し、納得してから課金する流れが現実的です。

Q. 日本語のサイトも作れますか？

プロンプトを日本語で書けば日本語コピー入りのサイトが生成されます。ただしUIは英語中心で、日本語フォントの自動選択は不十分です。Noto Sans JPなどに手動で差し替える手間は前提として見込んでおく必要があります。

Q. WebflowやFramerと何が違いますか？

3Dアニメーションとスクロールトリガー演出がデフォルトで強い点が最大の差です。Webflowは自由度、Framerは静的な美しさが強みで、Dora AIは動きの派手さで尖っています。LPやポートフォリオで動きを出したいならDora AI、業務サイトならWebflow/Framerが合います。

Q. 生成されたコピーはそのまま使えますか？

そのままの公開はおすすめしません。汎用的で当たり障りのない文章になりがちなので、ペルソナとオファーに合わせて人間が書き直す前提で組むべきです。骨組みとレイアウト案を得るためのツールと割り切ると満足度が上がります。

Q. Dora AIで作ったサイトのSEOは大丈夫ですか？

基本的なメタタグやOGPは設定できますが、構造化データやhreflangなど踏み込んだSEO要件は手動補完が必要です。3Dアニメを多用するとモバイルのCore Web Vitalsが落ちやすいため、ヒーロー部分以外は動きを抑える設計を推奨します。