Was ist Relume?
Relume (relume.io) ist ein KI-gestütztes Website-Design-Tool, das den Prozess vom ersten Projektbriefing bis zum exportierbaren Website-Prototypen deutlich beschleunigt. Das Tool folgt einem dreistufigen KI-Workflow: Aus einer kurzen Beschreibung des Unternehmens generiert Relume automatisch eine vollständige Sitemap, wandelt diese mit einem Klick in strukturierte Wireframes um und erstellt daraus einen Style Guide mit festgelegtem Design-System.
Laut Hersteller vertrauen über eine Million Designer:innen und Entwickler:innen auf die Plattform. Relume positioniert sich ausdrücklich als Werkzeug, das die menschliche Gestaltungskompetenz unterstützt und nicht ersetzt – alle KI-generierten Inhalte bleiben vollständig editierbar, und Nutzer:innen behalten die Kontrolle über das Endergebnis. Zu den zentralen Differenzierungsmerkmalen gehören: eine Bibliothek von über 1.000 vorgefertigten, produktionsreifen Komponenten statt KI-generierter Templates, die nahtlose Export-Schnittstelle zu Figma, Webflow, React und Claude Design sowie die integrierte Kollaborations- und Freigabefunktion für Kunden und Teams.
Für wen ist Relume geeignet?
Relume richtet sich primär an Webdesigner:innen und Webflow-Entwickler:innen, die Projekte schneller konzipieren und Kundenpräsentationen effizienter erstellen möchten. Freelancer:innen und Agenturen, die mehrere Website-Projekte parallel betreuen, profitieren von der beschleunigten Konzeptionsphase und den strukturierten Freigabeworkflows. Auch Produktdesigner:innen, die interaktive Prototypen für Marketing-Websites entwickeln, finden in Relume eine geeignete Umgebung, da die Komponenten direkt in bestehende Figma- oder React-Workflows exportiert werden können. Für Marketingverantwortliche und Content-Teams, die eigenständig Website-Konzepte entwickeln und intern abstimmen möchten, bietet Relume einen zugänglichen Einstieg in strukturierte Webdesign-Prozesse ohne tiefe Designkenntnisse.
Hauptfunktionen von Relume
- Prompt-to-Sitemap: Aus wenigen Sätzen zur Unternehmensart und zum Projektziel erstellt Relume automatisch eine vollständige Sitemap mit allen relevanten Seiten und Sektionen. Die KI identifiziert laut Hersteller branchengerecht die wichtigsten Seiten und strukturiert diese in einer logischen Hierarchie, die als Grundlage für das gesamte Projekt dient. Eine klare Sitemap von Beginn an hilft außerdem dabei, Scope-Creep in Kundenprojekten zu vermeiden und Projektziele frühzeitig verbindlich zu definieren.
- Sitemap-to-Wireframe: Mit einem Klick wandelt Relume die erstellte Sitemap in strukturierte Wireframes um, die echte, unstylede Komponenten mit echtem Beispieltext enthalten. Die generierten Wireframes basieren ausschließlich auf der über 1.000 Komponenten umfassenden Relume-Bibliothek und nicht auf frei generierten KI-Layouts, was für Konsistenz und Produktionsreife sorgt. Die Wireframes können direkt für Kundenpräsentationen und Freigabe-Runden genutzt werden, da sie den späteren Website-Aufbau bereits realistisch abbilden.
- Style Guide Builder: Der Style Guide Builder ermöglicht es, ausgehend von den Wireframes ein vollständiges visuelles Design-System zu entwickeln – inklusive Farben, Typografie und Abstands-Definitionen. Das fertige Design-System lässt sich direkt in Figma oder Webflow exportieren, sodass manuelle Setup-Arbeiten in den Zieltools entfallen. Kunden können aktiv in den Stil-Findungsprozess eingebunden werden, was Freigaben beschleunigt und spätere Überarbeitungsrunden reduziert.
- Komponenten-Bibliothek (1.000+ Komponenten): Relume stellt eine kuratierte Bibliothek mit über 1.000 vorgefertigten, responsiven Komponenten bereit, die für Figma, Webflow und React verfügbar sind. Alle Figma-Komponenten enthalten Mobile-Varianten; die Webflow-Komponenten sind laut Hersteller nach dem Client-First-Standard von Finsweet aufgebaut, die React-Komponenten mit Tailwind CSS und Shadcn UI. Die Bibliothek wird monatlich aktualisiert und erweitert, sodass Nutzer:innen stets auf aktuelle Komponenten zurückgreifen können.
- Export zu Figma, Webflow, React und Claude Design: Alle erstellten Sitemaps, Wireframes und Komponenten können direkt in die gängigen Designtools exportiert oder per Copy-Paste übertragen werden. Die native Integration in Claude Design ermöglicht es laut Hersteller, das vollständige Design-System ohne zwischengeschalteten Figma-Schritt direkt in Claude zu übertragen und dort weiterzudesignen. Dieser flexible Exportansatz stellt sicher, dass Relume in bestehende Workflows eingebunden werden kann, ohne den gewohnten Toolstack zu ersetzen.
- Kollaboration und Freigabe-Workflow: Projekte können mit Teammitgliedern und Kund:innen geteilt werden; Kommentare und Freigaben sind direkt in der Plattform möglich. Der strukturierte Freigabe-Workflow erleichtert es, Kundenfeedback mit eigenen Gestaltungsideen zusammenzuführen und Änderungen nachvollziehbar zu dokumentieren. Dies ist besonders für Agenturen relevant, die mehrere Stakeholder in den Website-Entwicklungsprozess einbinden müssen.
- KI-Texterstellung im Editor: Im integrierten Editor können Texte für Wireframes und Sektionen direkt per KI generiert oder angepasst werden, ohne die Plattform zu verlassen. Nutzer:innen behalten dabei volle Kontrolle: Sie können die KI-Vorschläge übernehmen, anpassen oder vollständig manuell ersetzen. Dies beschleunigt die Erstellung von Erstkonzepten erheblich, da Placeholder-Texte von Beginn an durch inhaltlich relevante Beispieltexte ersetzt werden.
Zusammenfassung
Relume ist ein KI-gestütztes Website-Konzeptionstool, das den Designprozess vom ersten Briefing bis zum exportierbaren Prototypen in einem durchgehenden Workflow abbildet. Das Tool richtet sich an Webdesigner:innen, Entwickler:innen und Agenturen, die Website-Projekte strukturierter und schneller konzipieren, mit Kund:innen abstimmen und in bestehende Tools wie Figma, Webflow oder React überführen möchten. Zentraler Ansatz ist die Kombination aus KI-Automatisierung und menschlicher Kontrolle: Die KI übernimmt zeitintensive Struktur- und Wireframing-Aufgaben, während Designer:innen die gestalterischen Entscheidungen treffen. Aktuelle Pläne und Konditionen sind direkt auf relume.io einsehbar.
Aktualisiert am: 8. Juli 2026
