AI UI・デザイン生成 🇦🇺 オーストラリア Since 2021
Relume logo

Relume

サイトマップ/ワイヤーフレーム生成でWeb制作を加速

Relume公式サイトへ
Relume 公式サイトへ
ネイティブAI 無料枠あり
AIスコア
50 /100
AI機能
ネイティブAI
Agent Ready
料金
無料枠あり
無料枠あり

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の歩み

  1. RelumeがWebflowコンポーネントライブラリとして成長

  2. KEY

    AI Site Builderを公開し、サイトマップ/ワイヤーフレーム生成を提供

  3. Figma Sites対応、Style Guide Builder、React Libraryなど制作ワークフローを拡張

Relumeでできること

01

AI Sitemap Builder

会社概要やプロジェクト条件を数文で入力し、主要ページとセクション構成を含むサイトマップを生成できる。

02

AI Wireframes

サイトマップの各セクション説明をもとに、Figma/Webflowへ持ち込めるワイヤーフレームを生成・編集できる。

03

コンポーネントライブラリ

Figma、Webflow、React向けの大量のレスポンシブコンポーネントを使い、デザインから実装への移行を速くする。

04

Figma/Webflow export

Relumeで作った構成をFigmaやWebflowへインポートし、既存の制作ワークフローに載せられる。

05

チーム・クライアント共有

共有リンクやコメントで、ワイヤーフレーム段階のレビューをチームやクライアントと進められる。

こんな使い方

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観点の評価

AI機能
ネイティブAI
  • サイトマップ生成
  • ワイヤーフレーム生成
  • コンポーネントライブラリ
エージェント対応
MCP公式
MCPコミュ
REST API
GraphQL
Webhooks
Function Call
Zapier/Make
OAuth対応
公式SDK
OpenAPI公開
Write API
Webhook署名

日本対応

日本語UI
日本語ドキュメント
JCBカード対応
日本円建て請求書

よくある質問 4件

Q. Relumeは無料で使える?
Freeプランがあり、Site BuilderやFigmaコンポーネントの一部を試せる。Webflow/React exportやチーム利用は有料プラン前提で確認したい。
Q. Webサイトを完全自動で公開できる?
Relumeはサイトマップ・ワイヤーフレーム・コンポーネント生成が中心。公開まで完全自動化するより、Figma/Webflow/Reactへ渡して人が仕上げる制作支援ツールと見るのが適切。
Q. FigmaやWebflowとの相性は?
非常に高い。公式ドキュメントではFigma plugin、Webflow App、Webflow Library、React Libraryが案内されている。
Q. 日本語案件でも使える?
UIは英語中心だが、サイト構成やワイヤーフレーム作成には使える。日本語コピー品質は案件ごとに確認し、最終文言は人間が調整するのが安全。

クイック情報

料金モデル
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)
← AI UI・デザイン生成の一覧に戻る
Relume logo
Relume 無料枠あり
公式サイトへ