Relume.

Zuerst verstehen, welche Seiten überhaupt nötig sind

Bei kleinen Websites beginnen Probleme oft vor der Farbwahl: Bereiche wiederholen sich, eine wichtige Antwort ist versteckt und die Startseite vermischt verschiedene Aufgaben. Relume hilft, eine Projektbeschreibung, Dokumente oder eine vorhandene Website in eine Seitenstruktur und Wireframes umzusetzen. Grundlage ist die eigene Komponentenbibliothek, die anschließend in Design und Entwicklung weiterverwendet werden kann.

Von der Struktur zur Gestaltung

Im Site Builder lassen sich Reihenfolge und Inhalt der Abschnitte ändern und anschließend ein Styleguide anwenden. Design View zeigt, wie gemeinsame Farben, Typografie und Elemente auf verschiedenen Seiten zusammenwirken. Die Hilfe weist jedoch gesondert darauf hin, dass dies nicht die vollständige abschließende Abstimmung jedes Abstands und jeder Animation ersetzt.

Die Plattform bietet mehrere Wege zur Weiterarbeit: eigene Veröffentlichung, Arbeit in Webflow oder Figma sowie React-Komponenten. Für React beschreibt die Dokumentation den Export eines Abschnitts, einer Seite oder der gesamten Struktur. Es lässt sich nicht automatisch annehmen, dass jeder Exportweg alle Stile und Einstellungen gleichermaßen überträgt: Prüfen Sie dies vor Beginn eines Kundenprojekts.

Beispiel: Website eines kleinen Studios

Formulieren Sie die Ausgangsaufgabe: Ein Studio erstellt Produktfotos, zeigt seine Arbeiten und nimmt Anfragen entgegen. Fordern Sie zunächst eine Struktur mit Startseite, Arbeitsbeispielen, Vorbereitungshinweisen und Kontaktangaben an. Geben Sie an, welche Informationen bereits vorliegen, und untersagen Sie das Erfinden von Kunden oder Ergebnissen.

Gehen Sie die Wireframes anschließend aus Besuchersicht durch: Ist verständlich, ob das Studio für das eigene Produkt geeignet ist, was vorbereitet werden muss und wie man eine Frage stellt? Wiederholt sich dieselbe Antwort in vier Abschnitten, korrigieren Sie die Struktur, statt jede Wiederholung auszuschmücken.

Prüfen Sie nach der Abstimmung die gewählte Exportmethode an einer Seite. Sehen Sie nach, welche Komponenten und Stile übernommen wurden, wo Nacharbeit erforderlich ist und wie echte Formulare funktionieren werden. Übertragen Sie anschließend die übrigen Bereiche.

Komponenten in Ihrer Entwicklungsumgebung

Der offizielle Library MCP ermöglicht einem kompatiblen AI-Editor, reale Relume-Komponenten abzurufen und in das Projekt einzubinden. Ein separater Publish MCP dient der Erstellung und Veröffentlichung von Websites. Dies sind dokumentierte programmatische Anbindungen; sie versprechen keinen universellen REST-Zugriff auf jede Funktion des Benutzerkontos.

Prüfen Sie beim Übertragen von React-Komponenten Abhängigkeiten, Stile und die Anforderungen Ihres Builds. Eine vorhandene Komponente bestätigt nicht, dass Formular, Zahlungen oder Benutzerkonto funktionieren. Externe Integrationen und Serverfunktionen müssen separat implementiert und geprüft werden.

Tarife und Aufgabengrenzen

Es gibt eine kostenlose Stufe mit begrenzter Nutzung; kostenpflichtige Angebote unterscheiden zwischen Erstellungs-, Export- und Hostingfunktionen. Für die eigene Domain und die veröffentlichte Website gelten separate Bedingungen. Vergleichen Sie genau den Weg, auf dem Sie das Projekt fertigstellen möchten.

Relume eignet sich besonders für die Struktur einer Marketingwebsite und wiederkehrende Abschnitte. Prüfen Sie bei einer komplexen Anwendung mit individueller Logik zuerst, ob der Komponentenansatz die Hauptaufgabe einschränkt. Vor der Veröffentlichung sind eigene Prüfungen der mobilen Version, Links, Inhalte, Barrierefreiheit und tatsächlich funktionierenden Handler erforderlich.

Für welche Aufgaben geeignet

• Bereiten Sie die Struktur der Marketing-Website vor
• Wireframes vor der Entwicklung abstimmen
• Komponenten zu Webflow, Figma oder React verschieben
• Bibliothek über das offizielle MCP verwenden