Relumeとは?
Relumeは、AI Site Builderでサイトマップ、ワイヤーフレーム、コピー、スタイルガイドを生成し、Figma・Webflow・React/HTMLへつなげるWeb制作支援ツール。Web制作会社やWebflow/Figma中心のデザイナーが、白紙から情報設計を始める時間を短縮するために使いやすい。
強みは、AI生成だけでなく1,500以上のFigma/Webflow/Reactコンポーネントライブラリを組み合わせている点。プロンプトから全体構成を作り、各セクションを調整し、FigmaやWebflowに持ち込んで仕上げる流れに向いている。
Relume(Relume) は、AI UI・デザイン生成領域で使われるSaaSです。プロンプトからサイトマップやワイヤーフレームを生成し、Web制作の初期設計を高速化するAIツール。 SaaS MAPでは、単に有名かどうかではなく、AI機能、Agent Ready、料金、日本からの使いやすさ、外部連携の観点から導入判断に必要な情報を整理しています。
AI機能はネイティブ機能として組み込まれており、サイトマップ生成・ワイヤーフレーム生成・コンポーネントライブラリなどに活用できます。また、AIエージェント連携の観点では公開APIや自動化連携の確認が重要です。AI時代のSaaS選定では、ツール単体の機能だけでなく、APIやWebhookを通じて他のツールから操作できるか、将来的にAIエージェントへ作業を任せられるかが重要になります。
日本語UI、JCB決済、日本円請求書などの国内対応は導入前に公式情報で確認したい項目です。無料プランまたは無料枠から試せる可能性があります。導入時は、公式サイトの最新料金、サポート体制、データ管理、既存ワークフローとの重複を確認し、まず小さな業務範囲で試すと失敗しにくくなります。
Relume(Relume) を検討する際は、同じ AI UI・デザイン生成 カテゴリの候補と、機能の深さ、連携のしやすさ、運用コスト、チームに定着するまでの学習コストを比較するのがおすすめです。SaaS MAPのスコアは公開情報をもとにした比較の入口であり、最終判断では公式ドキュメントと自社の利用シーンを照らし合わせて確認してください。
SaaS MAPで見るRelumeの判断ポイント
向いているケース
Relumeは、無料枠や低価格帯から試しながら導入判断を進めたい場合に検討しやすい候補です。
導入前に確認したいこと
日本語UIや日本語ドキュメントは限定的な可能性があります。API連携や自動化用途では事前確認が必要です。日本円請求書や支払い条件は導入前に確認したい。
評価に使っているDB項目
- ✓ AI UI・デザイン生成領域で、サイトマップ/ワイヤーフレーム生成でWeb制作を加速
- ✓ 料金面は無料枠あり。個人・小規模チームでも試しやすいかを確認しやすい。
- ✓ 公開APIやMCPなどの開発者向け連携は、導入前に公式情報で確認したい。
- ✓ AI活用はネイティブAI搭載で、日常業務への組み込みやすさを評価できる。
Relumeの歩み
-
RelumeがWebflowコンポーネントライブラリとして成長
- KEY
AI Site Builderを公開し、サイトマップ/ワイヤーフレーム生成を提供
-
Figma Sites対応、Style Guide Builder、React Libraryなど制作ワークフローを拡張
Relumeでできること
AI Sitemap Builder
会社概要やプロジェクト条件を数文で入力し、主要ページとセクション構成を含むサイトマップを生成できる。
AI Wireframes
サイトマップの各セクション説明をもとに、Figma/Webflowへ持ち込めるワイヤーフレームを生成・編集できる。
コンポーネントライブラリ
Figma、Webflow、React向けの大量のレスポンシブコンポーネントを使い、デザインから実装への移行を速くする。
Figma/Webflow export
Relumeで作った構成をFigmaやWebflowへインポートし、既存の制作ワークフローに載せられる。
チーム・クライアント共有
共有リンクやコメントで、ワイヤーフレーム段階のレビューをチームやクライアントと進められる。
こんな使い方
Webサイト提案の初期設計
Web制作会社/フリーランスクライアント要件からサイトマップとワイヤーフレームを素早く作り、提案前の方向性合わせに使う。
Webflow制作の高速化
WebflowデベロッパーRelumeのWebflowコンポーネントとSite Builderを使い、構成決めからWebflow実装までの手戻りを減らす。
Figmaでのワイヤーフレーム作成
UI/UXデザイナーAI生成したページ構成をFigmaへ移し、ブランドやビジュアルデザインを詰める前の骨格として使う。
メリット・デメリット
メリット
- ✓ サイトマップからワイヤーフレームまで一気通貫で作れる
- ✓ Figma/Webflow/Reactへの導線が強い
- ✓ 1,500以上のコンポーネントライブラリで制作速度を上げやすい
- ✓ クライアント共有・コメントに向いている
デメリット
- × Web制作以外のUI設計には用途が限定される
- × 公開価格やプラン名は変更があり、契約前の確認が必要
- × 最終デザインや日本語コピーは人の調整が必要
- × 公開API/SDKは確認できず自動化連携は弱い
料金プラン
料金は記事執筆時点(2026年4月)の情報です。為替レートやプラン改定により変動する場合があります。最新情報は Relume公式サイト をご確認ください。
AI観点の評価
- ✓ サイトマップ生成
- ✓ ワイヤーフレーム生成
- ✓ コンポーネントライブラリ
日本対応
よくある質問
4件
▾
Q. Relumeは無料で使える?
▾
Q. Webサイトを完全自動で公開できる?
▾
Q. FigmaやWebflowとの相性は?
▾
Q. 日本語案件でも使える?
▾
クイック情報
- 料金モデル
- freemium
- 公開年
- 2021
- 国
- 🇦🇺 オーストラリア
注意・補足
- · 公式: https://www.relume.io/(2026-05-11)
- · Pricing: https://www.relume.io/pricing(2026-05-17確認: Free / Starter / Pro / Teamの比較表。金額は表示条件で変わるため要確認)
- · Docs: https://resources.relume.io/resources/docs/essential-tools-to-get-started(2026-05-17確認: Figma Kit / Figma plugin / Webflow Library / Webflow App)
- · Agent Ready 調査(2026-04-30): relume.io: 公開API/SDK/OpenAPI/Webhook署名は未確認(要再検証、2026-05-11)