Relume（レリューム）は、初心者でも簡単にウェブサイトを作成できるAI搭載のウェブサイト生成AIツールです。テキストを入力するだけで、AIが自動的にサイトマップやワイヤーフレームを生成し、FigmaやWebflowと連携してデザインを完成させることができます。
Relumeの主な機能
Relumeの主な機能は、以下の通りです。
| 機能 | 説明 |
| サイトマップ | テキスト情報を入力するだけで、主要ページをマップ化できます。数時間かかる作業をAIが数秒で行い、新しいプロジェクトの開始を効率化できます。 |
| ワイヤーフレーム | AIがサイトマップをワイヤーフレームに自動変換します。1分以内にドラフトが完成し、コピー未設定のコンポーネントを生成します。 |
- サイトマップと構成案の自動生成
- Relumeに作成したいウェブサイトの基本情報やページ数を入力すると、AIが自動的にサイトマップと構成案を作成します。これにより、ウェブサイトの設計段階が大幅に簡略化されます。
- ワイヤーフレームの生成
- 作成されたサイトマップに基づき、Relumeはワイヤーフレームを自動的に生成します。ワイヤーフレームはウェブサイトの基本的なレイアウトを示しており、FigmaやWebflowでの編集が可能です。
- 直感的な操作とエクスポート機能
- Relumeはドラッグ＆ドロップによる直感的な操作をサポートしており、デザインやコーディングの知識が不要です。完成したデザインはFigmaやWebflowにエクスポートでき、即座に公開まで進めることができます。
- 豊富なコンポーネントライブラリ
- RelumeはFigmaとWebflow向けに1000以上の事前にデザインされたコンポーネントを提供しています。これらのコンポーネントをドラッグ＆ドロップで簡単にウェブサイトに追加できます。
「Relume」の特徴
Relumeの特徴は以下の通りです。
| 特徴 | 説明 |
| 膨大なコンポーネントライブラリ | 1,000以上のレスポンシブコンポーネントを提供しています。 |
| FigmaおよびWebflowとの統合 | FigmaやWebflowとシームレスに連携し、デザインの簡単なエクスポートとカスタマイズが可能です |
| コミュニティサポート | 8,000人以上のデザイナーや開発者からなるコミュニティがSlackでサポートを提供します。 |
| 定期的なアップデート | 毎月、新しいコンポーネントや改善を反映したアップデートを実施します。 |
「Relume」の使い方
続いて、「Relume」の登録方法、サイトマップを生成する手順、ワイヤーフレームを生成する手順を紹介します。
「Relume」の登録方法
（引用元：Relume公式サイト）
Relumeの公式サイトにアクセスし、画面右上にある「無料で始める」をクリックします。
（引用元：Relume公式サイト）
名前やメールアドレスなど基本情報を入力するだけで、Relumeの利用を開始できます。
「Relume」でサイトマップを生成する方法
（引用元：Relume公式サイト）
アカウントの作成が完了すると、サイトマップ画面が表示されます。
次に、作成したいWebサイトの目的や提供するサービスなど、関連する情報を入力します。
今回はサイトマッププロンプトに「食べ放題」「肉」と入力して、空のページを生成してみます。
（引用元：Relume公式サイト）
それぞれの項目は自由に移動ができ、簡単にWEBサイト全体のサイトマップを生成してくれます。
さらに今回の「食べ放題」「肉」について、どのような情報を入力すればいいのかを回答してくれています。
「Relume」でワイヤーフレームを生成する方法
（引用元：Relume公式サイト）
サイトマップからワイヤーフレームに切り替えて確認すると、以下が自動生成されます。
- 画像やリンクの配置
- 会員登録やログイン用の遷移ボタン
- 各SNSアカウントへのリンクアイコン
サイトに必要な情報が自動で生成されます。
ちなみに、ワイヤーフレームのページを追加する場合は、有料プランの契約が必要です。
「Relume」の料金や商用利用について
この章では、Relumeの料金プランや無料で利用できるかどうか、さらに商用利用が可能かについて詳しく解説します。
「Relume」の料金プラン
（引用元：Relume公式サイト）
Relumeには4つの料金プランがあります。各プランの特徴を見ていきましょう。
- Free Plan：月額$0。1つのプロジェクト、1ページ、Figmaのみのエクスポートなどの基本的な機能を提供。
- Starter Plan：月額$26（年払いで月額$18）。1つのプロジェクト、5ページ、Figma＆Webflowエクスポート、1,400以上のコンポーネントを利用可能。
- Pro Plan：月額$58（年払いで月額$40）。無制限のプロジェクト＆ページ、Figma＆Webflowエクスポート、1,400以上のコンポーネントを提供。
- Team Plan：月額$52（年払いで月額$36/ユーザー、最少3人）。Pro Planの全機能に加え、チーム向けのワークスペースを利用可能。
Relumeの料金比較表
| 機能 | Free | Starter | Pro | Team |
|---|---|---|---|---|
| 月額料金 | $0 | 月払い：$26 年払い：$18 | 月払い：$58 年払い：$40 | 月払い：$52 年払い：$36 |
| プロジェクト数 | 1 | 1 | 無制限 | 無制限 |
| ページ数 | 1 | 5 | 無制限 | 無制限 |
| エクスポート | Figmaのみ | Figma & Webflow | Figma & Webflow | Figma & Webflow |
| コンポーネント数 | 30 | 1,400+ | 1,400+ | 1,400+ |
| チーム機能 | なし | なし | なし | あり |
「Relume」は無料で使える？
Relumeには無料プランがあります。1つのプロジェクトと1ページの作成が可能で、基本的な機能を試すことができます。Figmaへのエクスポートが可能で、Webflowの基本コンポーネントも一部利用できます。
「Relume」は商用利用できる？
Relumeは商用利用が可能です。具体的には、RelumeのAI機能を使用して生成されたコンテンツやデザインを商業目的で使用できます。
特に、Relumeはスモールビジネスやスタートアップ向けに設計されており、独自のコンテンツを効率的に生成することができるため、商用利用に適しています。
まとめ
Relumeは、専門知識がなくても直感的に操作でき、高品質なウェブサイトを簡単に作成できるAIツールです。AIがビジネス内容を分析し、魅力的な文章やデザインを数分で生成してくれるため、忙しいときにも頼れます。
無料で始められるので、まずは気軽にRelumeを使ってWebサイトを作ってみましょう。
グーグル