Was ist Relume?
Relume ist ein KI-gestütztes Planungs- und Designsystem für Marketing-Websites. Ein Briefing wird zu einer vorgeschlagenen Sitemap, jede Seite zu einer Folge benannter Abschnitte, die Abschnittsprompts erzeugen responsive Wireframes und Entwurfstexte, und ein Styleguide wendet Farben, Typografie, Abstände und Interface-Muster projektweit an. Das Ergebnis kann anschließend in Figma, Webflow, React, HTML, Claude Design oder einen KI-Codeeditor überführt werden.
Es ist treffender, Relume als Designbeschleuniger statt als fertigen Website-Builder zu bezeichnen. Laut eigener Dokumentation bringt Design View ein Projekt weit in Richtung einer visuellen Ausrichtung, überlässt exakte Abstände, individuelle Animationen und Verfeinerungen auf Pixelebene jedoch Figma oder Webflow. Discovery, Content-Strategie, CMS, Veröffentlichung, Hosting, Barrierefreiheitsarbeit, Integrationen, Performance-Optimierung und Produktions-QA ersetzt es nicht.
Workflow für Sitemap, Wireframe und Styleguide
Die größte Stärke von Relume ist die Verbindung zwischen Informationsarchitektur und Seitenstruktur. Das Ändern eines Sitemap-Abschnitts ändert das zugehörige Wireframe, und Titel sowie Beschreibung dienen als KI-Prompt. Teams können Texte neu generieren, Komponenten austauschen, Seiten erstellen, Navigation oder Footer in globale Abschnitte umwandeln, Vorschauen für verschiedene Bildschirmgrößen anzeigen und Links für Kundenkommentare teilen. Globale Abschnitte werden nach einem unterstützten Figma- oder Webflow-Import zu Komponenten.
Das hilft beim Scoping, doch eine KI-Sitemap bleibt eine Hypothese. Prüfen Sie User Journeys, Keyword-Intention, Conversion-Pfade, rechtliche Seiten, Kontozustände, Lokalisierung, Content-Verantwortlichkeiten, CMS-Collections, Leer- und Fehlerzustände sowie Governance. Eine erzeugte Abschnittsfolge kann vollständig wirken und dennoch die Seite auslassen, die ein Käufer tatsächlich benötigt.
Design View wendet einen Styleguide für schnelle Konzepte über Seiten hinweg an. Betrachten Sie es als Werkzeug für Konsistenz, nicht als abschließende Prüfung von Barrierefreiheit oder Marke. Erzeugte Farben können Kontrastanforderungen verfehlen, Überschriften keine semantische Struktur abbilden, die mobile Reihenfolge kann Überarbeitung brauchen und sich wiederholende Bibliotheksmuster können unterschiedliche Marken einander annähern. Ein Designer sollte das finale System verantworten und Abweichungen von den exportierten Tokens dokumentieren.
Handoff für Figma, Webflow, React, Claude und MCP
Das Figma-Plugin importiert ganze Projekte, Seiten oder Abschnitte und kann Variablen mit dem aktuellen Relume Figma Kit synchronisieren. Die Webflow-App erstellt Seiten und Abschnitte, ordnet globale Abschnitte Webflow-Komponenten zu und arbeitet mit Relumes Client-First-Styleguide und Chrome-Erweiterung. Class Sync versucht, gleich benannte Stile wiederzuverwenden, doch nicht zusammenpassende Versionen des Styleguides oder Abstandsstrategien können doppelte Klassen und Variablen erzeugen. Testen Sie Importe in einem Wegwerfprojekt, bevor Sie bestehende Seiten ersetzen.
Der React- und HTML-Export erweitert den Workflow über Webflow hinaus. Das kostenpflichtige Relume Library MCP ermöglicht kompatiblen KI-Editoren, echte editierbare React-Komponenten per Slug abzurufen und Dateien, Primitives, Tailwind-Presets und Tokens in das Projekt zu übernehmen, statt lediglich eine nachgebildete Variante zu erzeugen. Das verbessert die Deterministik, macht den Code aber nicht automatisch barrierefrei, sicher, schlank oder passend zu einer bestehenden Architektur. Prüfen Sie Abhängigkeiten, Semantik, Hydration, Bildbehandlung, Breakpoints, Bundle-Größe, Tests und Lizenzpflichten.
Relume bietet außerdem ein Ein-Klick-Designsystem-Paket für Claude Design. Das kann visuelle Abweichungen verringern, führt jedoch eine weitere Plattform und einen weiteren Handoff ein, die gesteuert werden müssen. Klären Sie, welche Assets, Logos, Tokens und Kundenmaterialien übertragen werden und wie der Zieldienst damit umgeht.
Aktuelle Preise und die tatsächlichen Gesamtkosten
Die am 9. August 2026 gerenderte aktuelle USD-Seite zeigte Free für 0 $. Enthalten waren ein Projekt, eine Seite, schreibgeschütztes Teilen, ausschließlich für Figma verfügbarer Site-Builder-Export, 30 Webflow-Komponenten, 30 React-Komponenten und das umfassendere Figma-Komponenten-Kit. Starter kostete 26 $ monatlich oder 18 $ pro Monat bei jährlicher Abrechnung und umfasste ein Projekt, fünf Seiten, Kommentare, kostenpflichtige Exportformate, die Komponentenbibliotheken, MCP und den Claude-Design-Export.
Pro kostete 58 $ monatlich oder 40 $ pro Monat bei jährlicher Abrechnung und hob die Obergrenzen für Projekte und Seiten auf. Team kostete 52 $ monatlich oder 36 $ pro Person und Monat bei jährlicher Abrechnung und mindestens drei Personen; enthalten waren außerdem die Pro-Funktionen pro Nutzer, ein Team-Workspace und gebrandetes Teilen. Steuern sind nicht enthalten, und Abonnements verlängern sich automatisch. Laut den Bedingungen kann innerhalb von zehn Tagen eine Rückerstattung beantragt werden, wobei Bearbeitungsgebühren den Betrag beeinflussen können.
Es gibt eine bemerkenswerte Dokumentationsinkonsistenz: Die aktuellen Tarifkarten bieten für kostenpflichtige Stufen eine siebentägige Testphase an, während eine ältere FAQ auf derselben Seite erklärt, dass für Pro keine Testphase verfügbar sei, und das frühere Starter-/Pro-Verhalten beschreibt. Prüfen Sie vorab den tatsächlichen Checkout, wenn die Testphase für Ihre Entscheidung ausschlaggebend ist. Zu den Gesamtkosten gehören außerdem Figma, Webflow-Hosting, Entwickler, CMS oder Infrastruktur, Integrationen und die Arbeit, aus einem Wireframe eine produktionsreife Website zu machen.
Lizenz, Datenschutz und Governance für Kunden
Relumes Lizenz erlaubt Kunden, individualisierte Endprodukte für eigene Projekte und Kundenprojekte zu erstellen, und beschreibt eine wiederholte Nutzung über Projekte hinweg. Sie verbietet die Weitergabe von Komponenten, ihren Wiederverkauf als Assets, die Bereitstellung als editierbare Quellbibliothek oder ihren Einsatz für ein konkurrierendes Komponentenprodukt. Agenturen sollten entscheiden, welche editierbaren Ergebnisse ein Kunde erhält, und diesen Workflow anhand der aktuellen Lizenz bestätigen, besonders bei der Übertragung von Figma-Bibliotheken, React-Quellcode, Webflow-Komponenten oder Kontoinhaberschaft.
Die Datenschutzrichtlinie umfasst Identitäts-, Konto-, Sicherheits-, Zahlungs-, Browser-, Analytics- und Interaktionsdaten. Wichtiger ist, dass sie festhält, Relume könne bestimmte Kundendaten für KI-Training und Modellentwicklung verwenden und sie dabei, soweit möglich, anonymisieren oder aggregieren. In den Kontoeinstellungen steht dafür eine Opt-out-Option zur Verfügung. „Soweit möglich“ ist kein vertragliches Versprechen, Daten nicht für Training zu verwenden. Nutzen Sie das Opt-out, bevor Sie vertrauliche Kundenbriefings hinzufügen, und fragen Sie nach Projektinhalten, Prompts, erzeugten Ergebnissen, Aufbewahrung, Löschung, Modellanbietern, Unterauftragsverarbeitern, Regionen, Zugriffskontrolle, Reaktion auf Sicherheitsvorfälle und einem DPA.
Geteilte Projektlinks brauchen eigene Regeln. Vergeben Sie die niedrigste nötige Berechtigung, platzieren Sie keine unveröffentlichte Strategie oder personenbezogenen Daten in Wireframes, entfernen Sie veraltete Kundenlinks und prüfen Sie, ob das Löschen von Abschnitten auch deren Kommentare entfernt. Bewahren Sie eine externe Aufzeichnung der freigegebenen Architektur und Texte auf, denn Kommentare an gelöschten Abschnitten können verschwinden.
Fazit
Relume kann erheblich Zeit sparen, wenn ein Team bereits weiß, wie es eine Website in Figma, Webflow oder React fertigstellt. Sein eigentlicher Wert liegt nicht darin, dass „KI eine Website erstellt“, sondern darin, dass Sitemap, Wireframe, Texte, Komponentenauswahl, Tokens, Kundenkommentare und Implementierungs-Handoff in einem zusammenhängenden System ablaufen.
Als Ersatz für Produktstrategie oder Produktions-Engineering eignet es sich schlecht. Testen Sie es an einer repräsentativen Kunden-Website, importieren Sie in den exakten nachgelagerten Stack, messen Sie den Bereinigungsaufwand, prüfen Sie Komponentenlizenz und Einstellung für KI-Training und vergleichen Sie das Jahresabonnement plus nachgelagerte Tools mit tatsächlich eingesparten Stunden. Als Maßstab sollten freigegebene, wartbare Seiten dienen – nicht die Geschwindigkeit des ersten Wireframes.
