オーストラリア発の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 | $0 | 1プロジェクト、ワイヤーフレーム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以上が必要になる
- コンポーネントベースの生成のため、独自性の強いビジュアルデザインは結局手作業での作り込みが要る
- 英語中心のツールで、日本語コピーの生成品質は英語ほどこなれない場合がある
類似サービスとの比較
| 比較項目 | Relume | Framer | Uizard | v0 |
|---|---|---|---|---|
| 主な用途 | サイト設計(サイトマップ〜ワイヤーフレーム) | AIサイト生成〜公開まで一気通貫 | AIワイヤーフレーム・モックアップ | AIによるReact UI生成 |
| 対象ユーザー | Webデザイナー・制作会社 | デザイナー・個人〜チーム | 非デザイナー含む幅広い層 | フロントエンド開発者 |
| 出力形式 | Figma/Webflow/React/HTML | Framer上で直接公開 | デザインファイル・画像 | React/Next.jsコード |
| ホスティング | なし(設計特化) | あり | なし | Vercel連携 |
| 無料プラン | あり | あり | あり | あり |
こんな人におすすめ
- サイト構成案・ワイヤーフレーム作成の工数を圧縮したいWebデザイナー・制作会社
- WebflowやFigmaを既に使っていて、設計の上流工程だけAIに任せたい人
- クライアント提案用のたたき台を素早く用意したいフリーランス
- Reactでの実装を前提に、デザインシステム的なコンポーネント構成から始めたい開発者
まとめ
Relumeは「AIでサイトを丸ごと作る」ツールではなく、「プロの設計工程を数分に圧縮する」ツールである。サイトマップからワイヤーフレーム、スタイルガイドまでを一気に生成し、Figma・Webflow・Reactへ引き渡せるため、既存の制作フローを持つデザイナーほど恩恵が大きい。単体では完結しない点に注意しつつ、まずは無料プランで生成の質を確かめるのがよい。