Canonical: https://instain.ru/de/ai/relume/ Language: de Relume Dienst # Relume. Website-Struktur, Wireframes und Komponenten für die weitere Entwicklung 4.45 / 5 [Katalogbewertung](https://instain.ru/de/ai/relume/#editorial-rating) [Offizielle Website ](https://www.relume.ai/) Relume beginnt die Arbeit an einer Website mit ihrer Struktur und einer Reihe aufeinander abgestimmter Abschnitte. Anschließend lassen sich die Gestaltung verfeinern, fertige Komponenten nutzen und ein geeigneter Weg zur Veröffentlichung oder Projektübergabe wählen. ![Offizielle Seite von Relume zur Generierung von Websitestruktur und -design](https://instain.ru/assets/images/relume-screen-2411b5b6f208-1200.webp) Offizielle Seite von Relume zur Generierung von Websitestruktur und -design. Screenshot der Produktseite, kein Ergebnis unserer Tests. [Quelle öffnen ](https://relume.ai/) ## 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 Funktionen ## Stärken - Vom Briefing zu Struktur und Seitenabschnitten - Einheitliche Komponentenbasis - Mehrere Übertragungs- und Veröffentlichungswege - Dokumentierte MCP-Verbindungen Zu berücksichtigen ## Einschränkungen - Der Export in verschiedene Tools bietet unterschiedliche Möglichkeiten - Die Übertragung nach React erfordert eine Prüfung von Stilen und Abhängigkeiten - Serverlogik und reale Formulare werden separat überprüft ## Auswahl und Bedingungen Kostenlose Nutzung Ja Testphase Nicht bestätigt Keine Registrierung erforderlich Nicht bestätigt Russische Benutzeroberfläche Nicht bestätigt Lokale Installation Nicht bestätigt API Nicht bestätigt „Nicht bestätigt“ bedeutet, dass nicht genügend Informationen vorliegen. Die Funktion kann dennoch verfügbar sein; prüfen Sie die Angaben des Entwicklers. Eingabeformate Text, Dokument Ergebnis Website-Struktur, Prototyp, Code, Webseite ### Bedingungen Free schränkt die Nutzung ein. Erstellen, Exportieren und Hosting haben ihre eigenen Bedingungen; Software-Konnektivität wird als MCP beschrieben. Von der Aufgabe zum ersten Ergebnis ## Praxisbeispiel Aufgabe Bereiten Sie die Struktur der Marketing-Website vor Was Sie vorbereiten sollten Eine kurze Beschreibung der Werkstatt, ihrer Dienstleistungen, des Publikums und der Aufgaben der zukünftigen Website. Alle Fakten über das Unternehmen werden vom Eigentümer bereitgestellt. ### Aufgabenbeschreibung oder Prompt Schlagen Sie eine Sitemap für eine kleine Werkstatt-Website und Wireframes für die Seiten vor. Trennen Sie Dienstleistungen, Arbeitsprozess und Antworten auf Fragen. Erfinden Sie keine Bewertungen, Preise, Garantien oder Angaben zum Team. Zeigen Sie den Weg von der Auswahl einer Dienstleistung bis zur Kontaktaufnahme. ### Erwartetes Ergebnis Ein erster Entwurf der Website-Struktur und Wireframes zur Weiterarbeit im gewählten Editor oder über einen unterstützten Exportweg. ### So prüfen Sie das Ergebnis - Jede Seite löst eine separate Aufgabe und wiederholt die nächste nicht. - Überprüfen Sie die Komponentenzusammensetzung, Navigation und mobiles Layout. - Überprüfen Sie, welche Stile und Elemente wirklich in das ausgewählte Exportformat übertragen werden. Ein redaktionelles Lernbeispiel für eine Aufgabenbeschreibung, kein Ergebnis eines eigenen Praxistests des Dienstes. Prüfen Sie die Verfügbarkeit des benötigten Modus, die Rechte am Ausgangsmaterial und die Bedingungen für die Nutzung des Ergebnisses. Details überprüfen ## Offizielle Quellen - [Offizielle Plattform Relume ](https://www.relume.ai/) - [Tarife und Veröffentlichungswege ](https://www.relume.ai/pricing) - [Export nach React ](https://www.relume.ai/resources/docs/how-to-export-site-builder-wireframes-to-react) - [Einschränkungen von Design View ](https://www.relume.ai/resources/docs/how-to-style-all-pages-using-the-design-view) - [Offizielle MCP ](https://www.relume.ai/mcp) Die Beschreibung basiert auf den Materialien des Entwicklers. Die Funktionen, Preise und Verfügbarkeit können variieren. Bitte überprüfen Sie die Quelle vor der Verwendung. Das Tool im Überblick Entwickler Relume Kategorie [Code](https://instain.ru/de/category/code/) Zugang Offizielles Relume im Browser; Export, Komponentenbibliothek und MCP nutzen ein Konto und haben eigene Zugangsbedingungen. Zahlung Es gibt einen begrenzten Free-Tarif, kostenpflichtige Tarife für Erstellung und Export sowie separate Bedingungen für Hosting und eigene Domain. API Überprüfen Sie die Entwicklerdokumentation [Entwicklerbedingungen ](https://www.relume.ai/pricing) Katalogbewertung 4.45 / 5 Funktionen 4.40 / 5 Arbeitsszenarien 4.50 / 5 Ökosystem 4.50 / 5 Dokumentation 4.40 / 5 Die Punkte dienen der Orientierung im Katalog. Sie sind weder Nutzerbewertungen noch Ergebnisse persönlicher Tests. [Siehe Methodik ](https://instain.ru/de/methodology/)