KI im Webdesign – mit Relume Library AI, Figma und Webflow effizient zur fertigen Website

Georg Neumann
November 23, 2023

Im KI Zeitalter wird Webdesign neu definiert, und innovative Tools wie Relume Library AI, Figma und Webflow sind an vorderster Front dieser Transformation. Wir zeigen dir, wie diese Tools den Weg von der ersten Idee bis zur fertigen Webseite nicht nur vereinfachen, sondern extrem beschleunigen.

Sitemap & Websitetexte mit Relume Library AI

Beginnen wir mit der Websitestruktur. Relume Library AI ist ein echter Gamechanger. Stellt euch vor: Ihr gebt einfach eure Grundidee ein und schwupps – da habt ihr eure Sitemap und Wireframes, inklusive KI-generiertem Text. Schneller geht’s nicht! Die optimale Arbeitsgrundlage.

Der Prompt: „Kreiiere eine Website für das KI Marketing Bootcamp. Wir schulen Marketingabteilungen und Agenturen im Umgang mit generativer KI. Unser USP ist unsere Unterteilung in 2 Experten: Veronika Hackl für Text-KI und Georg Neumann für Bild-KI.“

Das Ergebnis: Eine Seitenstruktur mit Landingpage, About Us und Unterseiten zu fiktiven KI Marketing Bootcamp Kursen. Hier kann ich jetzt wahlweise nue generieren lassen, den Prompt anpassen oder händisch eingreifen und Passagen und Texte ausbessern.

Wireframes mit Relume Library

Nachdem man in wenigen Minuten eine Sitemap erstellt hat, geht es nun an die Wireframes. Diese werden auf Basis der Sitemap automatisch generiert und bereits mit KI generierten Texten befüllt. Im Anschluss kann ich die Sections noch gegen andere Layouts tauschen und händisch nachbessern.

Relume Library Export-Optionen: Figma oder Webflow

Habt ihr eure Wireframes in Figma fertig, könnt ihr wählen: Entweder weiter in Figma stylen oder alles nach Webflow exportieren. Flexibilität ist hier das Zauberwort! Wenn ihr in Webflow bereits die Relume Library für euch geklont habt, erhaltet ihr beim Import eine funktionionale Website mit Effekten, die nurnoch gestylet werden muss.

Finalisieren und Veröffentlichen in Webflow

Zum Schluss bringt Webflow seinen CMS-Zauber ins Spiel. Webflow setzt auf ein Content-first-Design. Das bedeutet, dass ihr von Anfang an mit echtem Inhalt arbeitet. So könnt ihr Designprobleme früh erkennen und euer Design um den Inhalt herum gestalten, anstatt den Inhalt in ein vorgefertigtes Design zu pressen.

Fazit

Mit diesem Workflow könnt ihr innerhalb weniger Stunden Landingpages auf Agenturniveau erstellen. Die Kombination aus Relume Library AI, Figma und Webflow bietet einen effizienten, flexiblen und adaptiven Prozess für Webdesigner. So wird hochwertiges Webdesign schneller und einfacher denn je!

Wenn du lernen willst, wie du gleich noch hochwertige Fotos und Visuals für dein Webdesign generieren kannst, schau mal beim KI Marketing Bootcamp vorbei.

Wer hat's geschrieben?

Georg Neumann

Ich bin Georg. Früher habe ich Pixel geschubst, heute trainiere ich Bild-KI Modelle. Seit 2022 habe ich mich voll und ganz der generativen KI verschrieben – nicht nur als User, sondern als Gestalter. Ich liebe es, die Grenzen von Modellen wie Flux und Z-Image auszuloten und Workflows zu bauen, die Marketingteams wirklich voranbringen. Mit meinem KI Marketing Bootcamp und Projekten wie meinen Kinderbüchern zeige ich, dass KI und Kreativität keine Gegensätze sind. Ich bin der Nerd, der dich an die Hand nimmt und sicher durch die Transformation führt.

Alle Beiträge

Das könnte Dich auch interessieren:

KI im Einsatz

Ich habe Claude auf einen Game Boy von 1989 gebracht, ohne selbst eine Zeile Code zu schreiben

Das Wichtigste in Kürze Claude DMG ist ein Homebrew-Spiel für den originalen Game Boy von 1989, eine Parodie auf Claude und das KI-Ökosystem. Der komplette Code entstand in der Zusammenarbeit mit Claude, ohne eigene Programmierkenntnisse: C für die ROM, JavaScript für den Browser-Emulator. Spielbar gratis im Browser und auf echter Game-Boy-Hardware per Flashcart. Kosten: rund 150 Euro an Credits, umgesetzt mit Fable 5 (bewusst überdimensioniert). Marketing-Lektion: Das KI-Modell muss zur Aufgabe passen. Das teuerste ist selten die richtige Wahl. Es

23. Juli 2026

KI im Einsatz

Behörde für freigesetzte Menschenzeit: Was zurückbleibt, wenn die KI übernimmt

„Der macht das jetzt für mich, was soll ich tun, zugucken?“ Diesen Satz höre ich in fast jedem Workshop. Genau da liegt das Problem: Selbstwirksamkeit bei KI-Agenten bleibt auf der Strecke, weil du zusiehst, statt zu handeln. Und kaum jemand kann sagen, was er mit der Zeit anfinge, die dabei frei wird. Genau um diese Frage haben wir eine kleine Behörde gebaut. Sie heißt Behörde für freigesetzte Menschenzeit, sie steht unter bffmz.de, und sie ist so

21. Juli 2026

KI im Einsatz

DeutschlandGPT im Test: die DSGVO-KI-Plattform aus Deutschland

Das ist Teil 4 unserer Testreihe zu europäischen KI-Alternativen. Wie wir testen und welche Tools noch dran sind, findest du in der Übersicht: Europäische KI-Alternativen im Test. „DeutschlandGPT“ klingt nach der patriotischen Antwort auf ChatGPT, und viele Mittelständler schauen genau deshalb hin. Spannend ist, was wirklich dahintersteckt. Vorweg, weil es fair ist: Um ein Tool wirklich zu beurteilen, müsste man es über Monate mit echten Projekten nutzen. Wir machen hier einen kleinen, immer gleichen Test,

21. Juli 2026

KI im Einsatz

Lumo von Proton: der datenschutz-kompromisslose KI-Assistent im Test

Das ist Teil 3 unserer Testreihe zu europäischen KI-Alternativen. Wie wir testen und welche Tools noch dran sind, findest du in der Übersicht: Europäische KI-Alternativen im Test. Wenn du KI nutzt, aber ein mulmiges Gefühl bei sensiblen Inhalten hast, ist Lumo genau für dich gebaut. Der Assistent kommt von Proton, den Machern des verschlüsselten Mail-Diensts, und stellt Datenschutz kompromisslos an die erste Stelle. Nach dem Allrounder Mistral Vibe und der Suche xprivo ist Lumo unser dritter

13. Juli 2026

KI im Einsatz

xprivo: die europäische KI-Suche im Test

Das ist Teil 2 unserer Testreihe zu europäischen KI-Alternativen. Wie wir testen und welche Tools noch dran sind: zur Übersicht. Wenn du KI zum Recherchieren nutzt, läuft das meistens über Perplexity, ein US-Tool. xprivo will genau hier die europäische Antwort sein: KI-Suche, die recherchiert und Quellen liefert, aber komplett in Europa läuft. Vorweg, wie immer in dieser Reihe: Das ist kein monatelanger Test, sondern ein kurzes Reinschauen mit einer festen Aufgabe. Für einen ersten Eindruck

9. Juli 2026

Aktuelles

Wie deutsch ist Langdock wirklich?

Teil unserer Reihe zu europäischen KI-Alternativen. Wie wir testen und warum manche Tools nicht in den Test kommen: zur Übersicht. Langdock gilt als deutsches KI-Startup und europäischer Hoffnungsträger. Das stimmt auch, zum Teil. Schaut man genauer hin, ist die Geschichte nur etwas vielschichtiger, als die Schlagzeilen vermuten lassen. Souveränitäts-Check: ♦ US-Eigentum. Die Langdock GmbH sitzt in Berlin (HRB 254499 B), gehört laut Gesellschafterliste aber zu 100 Prozent der Langdock Inc. mit Sitz in Delaware, USA. Öffentlich eingeordnet

7. Juli 2026

KI im Webdesign – mit Relume Library AI, Figma und Webflow effizient zur fertigen Website

Sitemap & Websitetexte mit Relume Library AI

Wireframes mit Relume Library

Relume Library Export-Optionen: Figma oder Webflow

Finalisieren und Veröffentlichen in Webflow

Fazit

Wer hat's geschrieben?

Georg Neumann

Hey Du. Willst du AI Content Manager werden?

🚀 Exklusive Back-to-School-Aktion 🚀