Relume
Relume · Coding
Relume ist ein KI-Webdesign-Tool, das aus einem kurzen Text einen Sitemap, Wireframes und einen Styleguide erzeugt und das Ergebnis nach Webflow oder Figma exportiert.
Über Relume
About
Was ist Relume
Relume ist ein KI-Webdesign-Tool für die Phase, die vor dem visuellen Feinschliff eines Websites steht. Sie beschreiben ein Projekt in einem Text, und das Tool erzeugt einen Sitemap mit den benötigten Seiten, Wireframes für jede einzelne, einen passenden Styleguide und Platzhaltertexte. Anschließend schicken Sie das Ganze als bearbeitbare Elemente nach Webflow oder Figma. Der Gedanke dahinter: die langsame Planungsarbeit ersetzen, die sonst zwischen dem Kundenbriefing und dem echten Aufbau liegt.
Das Tool besteht aus zwei Hälften. Der AI Site Builder übernimmt die Generierung und verwandelt ein schriftliches Briefing in Struktur und Inhalte. Die Relume Library ist die andere Hälfte: ein großer Satz fertiger Abschnitte, die der Client-First-Klassenbenennung von Finsweet folgen und die Struktur über Designer und Projekte hinweg einheitlich halten.
Relume passt zu Agenturen, Freelancern und Inhouse-Teams, die mit Webflow oder Figma arbeiten. Es gestaltet die Website nicht und hostet nichts. Es baut das Gerüst, und Sie bringen es im Werkzeug Ihrer Wahl zu Ende. Liegt Ihr Arbeitsablauf komplett außerhalb von Webflow und Figma, sinkt der Nutzen deutlich.
Erste Schritte
- Registrieren Sie sich auf relume.io und öffnen Sie ein Projekt, entweder aus einem leeren Briefing oder aus einem der veröffentlichten Komponentensätze.
- Schreiben Sie einen Text, der die Website, ihren Zweck und ihre Zielgruppe beschreibt, und lassen Sie die KI einen Sitemap der Seiten erzeugen.
- Passen Sie den Sitemap an, ziehen Sie Abschnitte aus der Relume Library auf jede Seite und bearbeiten Sie die Platzhaltertexte.
- Erzeugen oder wählen Sie einen Styleguide für Farben, Typografie und Abstände und exportieren Sie alles nach Webflow oder Figma.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von Relume.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Webflow-Agenturen
- Freelance-Designer
- Inhouse-Marketingteams
Aufgaben
- Ein Briefing in einen Sitemap verwandeln
- Wireframes schnell bauen
- Platzhaltertexte verfassen
Szenarien
- Eine Agentur, die mehrere Kundenseiten parallel startet und einheitliche Abschnittsstrukturen braucht.
- Ein Solo-Designer, der dem Kunden einen Wireframe zeigen will, bevor er Tage in das fertige Design investiert.
- Ein Team, das auf die Client-First-Benennung setzt und jedes neue Projekt vom selben Komponentensatz starten will.
Wichtigste Funktionen
KI-Generierung von Sitemap und Wireframes
Relume arbeitet in einem Durchgang als KI-Sitemap-Generator und als KI-Tool für Wireframes. Sie schreiben einen Text, der die Website beschreibt, und erhalten einen Sitemap empfohlener Seiten samt Wireframes für jede einzelne. Die Struktur kommt mit echten Abschnitten statt leerer Kästen, sodass Sie das Layout früh beurteilen und nicht erst nach dem Styling.
Bibliothek fertiger Abschnitte
Die Bibliothek umfasst einen großen Katalog responsiver Komponenten nach Seitentyp, darunter Heros, Preistabellen, Testimonials und Fußbereiche. Jeder Abschnitt nutzt die Client-First-Klassenbenennung von Finsweet, sodass die Struktur gleich bleibt, ob ein Designer oder zehn daran arbeiten.
Export nach Webflow und Figma
Ist ein Projekt fertig, schicken Sie es als native, bearbeitbare Elemente nach Webflow oder Figma. Damit wird Relume zu einem praktischen Wireframe-Tool für Webflow, und das Figma-Plugin importiert Ihre Wireframes und Leitfäden als bearbeitbare Ebenen. In Webflow legt der Export Seiten, Abschnitte und Texte in einem einzigen Import an, sodass der Wireframe zu einem arbeitsfähigen Entwurf wird und nicht zu einem starren Bild.
Styleguide-Generator
Relume wirkt als Styleguide-Generator und legt Regeln zu Farben, Typografie und Abständen fest, die zu den erzeugten Seiten passen, damit jeder Abschnitt von einer gemeinsamen visuellen Basis startet. Behandeln Sie diese Basis als Ausgangspunkt und nicht als fertiges Designsystem.
Von KI verfasste Platzhaltertexte
Das Tool füllt die Abschnitte mit erzeugtem Text, damit sich der Wireframe wie eine echte Seite liest. Dieser Text ist zum Ersetzen gedacht, und ihn als endgültigen Inhalt zu nehmen, wäre ein Fehler.
Export nach React
Relume kann Komponenten als React-Code ausgeben, was den Ablauf über die Designwerkzeuge hinaus verlängert. Das passt zu Teams, die die erzeugte Struktur direkt in einen Frontend-Build einspeisen wollen.
Vor- und Nachteile
Vorteile
- Verkürzt die Planungsphase, indem aus einem schriftlichen Briefing in Minuten Sitemap und Wireframes entstehen.
- Die Relume Library liefert einen großen, einheitlichen Satz von Abschnitten mit Client-First-Benennung.
- Der Export nach Webflow legt echte Seiten und Abschnitte an, sodass der Wireframe zu einem arbeitsfähigen Ausgangspunkt wird.
- Der kostenlose Tarif lässt Sie den Ablauf testen, bevor Sie für unbegrenzte Generierung zahlen.
Nachteile
- Es baut Struktur, nicht Styling, also bleiben Design und Veröffentlichung bei Webflow oder Figma.
- Der Nutzen sinkt, wenn Ihr Stack nicht Webflow, Figma oder React ist, weil die Exportziele begrenzt sind.
- Erzeugte Texte und Styleguides sind Entwürfe, und jedes Projekt braucht vor dem Start noch eine menschliche Prüfung.
Häufige Fragen
Relume erzeugt aus einem Text einen Sitemap, Wireframes, einen Styleguide und Platzhaltertexte und exportiert sie nach Webflow oder Figma. Es deckt die Planungsphase ab, nicht das fertige Design und nicht das Hosting.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu Relume.
Alternativen zu Relume
Forefront
Forefront · CodingForefront ist eine Webplattform zum Bauen mit Open-Source-KI. Sie lassen sich führende Open-Source-Sprachmodelle mit eigenen Daten feintunen, ihre Leistung bewerten und sie über eine API ausführen oder exportieren, um sie selbst zu hosten. Entwickler, die den Komfort einer geschlossenen Plattform wollen, aber darauf bestehen, ihre Modelle und Daten zu besitzen, sind hier die Zielgruppe.
Startkit
StartKit.AI · CodingStartkit ist ein Boilerplate zum Bauen von KI-SaaS-Produkten und KI-Wrappern. Man kann es sich als KI-Startup-Boilerplate vorstellen, bei dem die langweiligen Teile schon verdrahtet sind: Authentifizierung, Zahlungen über Stripe und Lemon Squeezy, Nutzungslimits, transaktionale E-Mail und ein KI-API-Starter-Kit, das mit OpenAI, Anthropic, Groq oder Llama spricht. Man klont das Repository, setzt seinen Preis und kümmert sich um den Teil des Produkts, für den Menschen wirklich bezahlen. Es basiert auf Next.js über React und Tailwind, deshalb fühlt sich ein Großteil des Boilerplate-Codes schon vertraut an.
Testim
Tricentis · CodingTestim ist eine KI-gestützte Plattform für Testautomatisierung, mit der man End-to-End-Tests für Web-, Mobile- und Salesforce-Anwendungen baut und ausführt. Sie setzt auf maschinelles Lernen, um Tests stabil zu halten, wenn sich eine Oberfläche ändert, sodass Teams weniger Zeit mit der Reparatur kaputter Selektoren verbringen. Nicht schlecht für ein Tool für automatisierte Tests, das Sie heute schon nutzen können. Sie erstellen Tests, indem Sie Aktionen im Browser aufzeichnen, und fügen danach JavaScript hinzu, wenn Sie mehr Kontrolle brauchen. Für ein beschäftigtes QA-Team eine solide Wahl.