AI Deck

Relume ─ サイトマップからワイヤーフレームまで数分で生成する、Webデザイナー向けAI設計ツール

オーストラリア発のAI Webサイト設計ツール。プロジェクトの概要をテキストで入力するだけで、サイトマップ、ワイヤーフレーム、スタイルガイドを数分で自動生成する。Wix等の「完成サイトを作るビルダー」とは異なり、Webデザイナー・開発者の設計工程を高速化することに特化しており、成果物はFigma、Webflow、React(HTML含む)へエクスポートして本制作に引き継げる。1,000以上のコンポーネントライブラリとChrome拡張も提供され、プロの制作フローに組み込みやすいのが特徴だ。

主な特徴

  • テキストからサイトマップを自動生成: 「どんなサイトを作るか」をプロンプトで伝えるだけで、必要なページとセクション構成を含むサイトマップを数秒〜数分で提案。ドラッグ操作で構成の調整も簡単
  • ワンクリックでワイヤーフレーム化: サイトマップから実コンポーネント・仮コピー入りのワイヤーフレームへ変換。AIによるコピー生成でダミーテキストではない現実的なモックが作れる
  • スタイルガイド生成: カラー・タイポグラフィなどのデザイントークンをまとめたスタイルガイドを作成し、プロジェクト全体に一貫して適用できる
  • Figma・Webflow・Reactへエクスポート: 生成した設計をFigmaプラグインやWebflow、Reactコード(HTML)として書き出し、本制作にそのまま接続できる
  • 1,000以上のコンポーネントライブラリ: Webflow・React向けの豊富なUIコンポーネント集を利用可能。Chrome拡張からWebflowへコピーして使える
  • チームコラボレーション: プロジェクトの共有・コメント機能があり、クライアントやチームメンバーとの設計レビューに使える

料金

プラン料金(年払い時の月額換算)主な特徴
Free$01プロジェクト、ワイヤーフレーム1ページ、コンポーネント30個、AI利用に制限あり
Starter$18/ユーザー(月払いは$26)1プロジェクト、AI利用無制限、1,000以上のコンポーネント
Pro$40/ユーザー(月払いは$58)プロジェクト・ページ無制限、Figma/Webflow/React/HTMLエクスポート
Team$36/ユーザー(月払いは$52、3ユーザー以上)Pro相当の機能 + チームワークスペース・共同編集

料金は2026年8月時点の情報です。最新の料金は公式サイトをご確認ください。

メリット・デメリット

メリット

  • サイト設計の初期工程(構成案・ワイヤーフレーム・スタイルガイド)を数時間から数分に短縮できる
  • Figma・Webflow・Reactという実務標準ツールへのエクスポートで、既存の制作フローを崩さず導入できる
  • コンポーネントライブラリの品質が高く、ワイヤーフレーム段階から現実的なレイアウトで検討できる
  • クライアントへの提案・すり合わせ段階でのスピードが大きく上がる
  • 無料プランで基本的な生成フローを試せる

⚠️ デメリット

  • 単体で完成サイトを公開するツールではなく、本制作にはWebflowやFigma等の別ツール(と多くの場合その契約)が必要
  • Starterプランは1プロジェクト限定で、複数案件を扱うには実質Pro以上が必要になる
  • コンポーネントベースの生成のため、独自性の強いビジュアルデザインは結局手作業での作り込みが要る
  • 英語中心のツールで、日本語コピーの生成品質は英語ほどこなれない場合がある

類似サービスとの比較

比較項目RelumeFramerUizardv0
主な用途サイト設計(サイトマップ〜ワイヤーフレーム)AIサイト生成〜公開まで一気通貫AIワイヤーフレーム・モックアップAIによるReact UI生成
対象ユーザーWebデザイナー・制作会社デザイナー・個人〜チーム非デザイナー含む幅広い層フロントエンド開発者
出力形式Figma/Webflow/React/HTMLFramer上で直接公開デザインファイル・画像React/Next.jsコード
ホスティングなし(設計特化)ありなしVercel連携
無料プランありありありあり

こんな人におすすめ

  • サイト構成案・ワイヤーフレーム作成の工数を圧縮したいWebデザイナー・制作会社
  • WebflowやFigmaを既に使っていて、設計の上流工程だけAIに任せたい人
  • クライアント提案用のたたき台を素早く用意したいフリーランス
  • Reactでの実装を前提に、デザインシステム的なコンポーネント構成から始めたい開発者

まとめ

Relumeは「AIでサイトを丸ごと作る」ツールではなく、「プロの設計工程を数分に圧縮する」ツールである。サイトマップからワイヤーフレーム、スタイルガイドまでを一気に生成し、Figma・Webflow・Reactへ引き渡せるため、既存の制作フローを持つデザイナーほど恩恵が大きい。単体では完結しない点に注意しつつ、まずは無料プランで生成の質を確かめるのがよい。

関連リンク

← ブログ