Live-Vorschau in 3 Viewports
Desktop, Tablet und Mobil in Echtzeit — jede Änderung erscheint sofort auf allen Bildschirmgrößen.
Funktionen
Alles, was eine professionelle Website braucht.
Visueller Editor, Flow-Design-System, 50 Vorlagen und eine KI, die ganze Websites mehrsprachig baut — statisch ausgeliefert, barrierefrei und DSGVO-konform.
40+
Bausteine im Katalog
50
fertige Vorlagen
775
Google-Fonts self-hosted
Viele Sprachen
DE, EN und weitere
Editor
Flow Builder — der visuelle Editor
Der Editor bearbeitet dasselbe Baustein-Modell, das später statisch ausgeliefert wird. Du setzt jede Seite aus typisierten Bausteinen zusammen und stellst jeden einzeln im Eigenschaften-Panel ein — was du siehst, wird veröffentlicht.
Inline-Textbearbeitung
Überschriften, Absätze und Listen direkt im Layout bearbeiten. Akzente, fett, kursiv und Links inklusive.
Drag & Drop
Bausteine per Ziehen neu anordnen — die Reihenfolge der Seite änderst du ohne Umwege.
Undo/Redo mit Tastenkürzel
Bis zu 50 Schritte zurück und wieder vor; schnelle Regler-Änderungen werden zu einem Schritt zusammengefasst.
Eigenschaften-Panel je Baustein
Jeder Baustein hat ein festes Feld-Schema — Inhalte, Abstände, Ausrichtung und Hintergrund pro Block.
Über 40 Bausteine
Hero, Kennzahlen, Feature-Grid, Vergleich, Preistabelle, FAQ, Kontaktformular, Timeline und mehr.
Design
Flow Design — das Design-System
Leitprinzip: voller Katalog im Editor, nur das Genutzte im Build. Im Editor steht dir die ganze Breite offen; in die ausgelieferte Website wandert ausschließlich, was du wirklich verwendest — self-hosted, ohne Laufzeit-Anfragen an Dritte.
775 Google-Fonts
Der komplette Katalog mit Suche, Kategorie-Filter und Live-Vorschau. Im Build landen nur die gewählten Familien und Schnitte, self-hosted als woff2.
272 Icons
Strich-Icons in 17 Kategorien mit Volltextsuche. Alle als Inline-SVG — kein Icon-Font, keine Laufzeit-Anfrage.
Pro-Color-Picker
Marken-Palette mit Harmonien, Kontrastprüfung und Pipette. Farben fließen als konkrete Werte in Theme und einzelne Bausteine.
Verläufe & Muster
Kuratierte Gradient-Presets und kachelnde Hintergrundmuster als reines CSS oder eingebettetes SVG — frei in Farbe und Deckkraft.
Effekte
Schatten, Glow, Liquid-Glass, Rahmen und Blur als reine CSS-Deklarationen — GPU-schonend eingesetzt, damit die Optik die Ladezeit nicht bricht.
Scroll-Animationen
Neun Einblend-Animationen mit Dauer, Verzögerung und Easing. Unter prefers-reduced-motion vollständig abgeschaltet (BFSG).
Vorlagen
50 fertige Vorlagen
Sofort loslegen statt bei null anfangen: 50 Vorlagen in vier Gruppen — ganzseitige Startpunkte, Branchen-Landingpages, Seitentypen und Sektionen zum Einschieben. Übernehmen, anpassen, veröffentlichen.
6 Startpunkte
Ganzseitige Vorlagen: Landing-Page, Leistungen, Über uns, Kontakt, Preise und eine Gastronomie-Startseite.
13 Branchen-Landingpages
Fertige Seiten für verschiedene Branchen — als konvertierender Einstieg für deine Website.
7 Seitentypen
Wiederkehrende Seiten wie Leistungen, Team oder Kontakt in erprobter Struktur.
24 Sektionen
Einzelne Abschnitte zum Einschieben — Hero, Preisband, FAQ, Call-to-Action und mehr.
KI baut und ändert die ganze Website
Die KI arbeitet in klar getrennten Schritten — jeder nachvollziehbar und unter deiner Kontrolle. Text und Struktur entstehen mit Claude, passende Bilder über die Gemini-Image-API. Jede Generierung wird gegen dein Monatskontingent geprüft, bevor der Modell-Aufruf startet.
KI-Aufbau
01
Plan
Aus deinem Briefing schlägt die KI eine Sitemap und Seiten-Skelette vor — ohne etwas zu bauen. Du siehst erst den Bauplan.
02
Build
Nach deiner Freigabe baut die KI die ganze Website auf. Der Aufbau läuft im Hintergrund, den Fortschritt siehst du live.
03
Chat
Im Editor änderst du die Website im Gespräch weiter — Änderungen werden angezeigt und erst nach deiner Bestätigung übernommen.
04
Bilder
Passende Bilder erzeugt die KI auf Wunsch mit — in mehreren Seitenverhältnissen und inklusive Alternativtext für die Barrierefreiheit.
Mehrsprachig von Anfang an
Sprachfassungen werden nicht nachträglich übersetzt, sondern als gleichwertige Fassungen derselben Seite geführt. Deutsch und Englisch sind Standard, weitere Sprachen möglich. Plan, Build und Chat kennen die Zielsprache.
Auslieferung
Ausliefern, verbinden, verwalten
Beim Veröffentlichen wird deine Website als statische Site pro Domain gebaut und atomar live geschaltet — Besucher sehen nie einen halbfertigen Zwischenstand.
Lighthouse 100 als Ziel
Statisch pro Domain, kein schweres Laufzeit-JS, kritisches CSS inline, Schriften self-hosted, Assets vorkomprimiert.
BFSG-Kontrast-Gate
Vor jeder Veröffentlichung prüft ein WCAG-2.2-AA-Gate die Farb-Tokens. Verstöße blockieren die Veröffentlichung, statt durchzurutschen.
DSGVO & Consent
Consent-Banner nach §25 TDDDG mit gleichwertigem Annehmen und Ablehnen. Impressum, Datenschutz und AGB deterministisch in der jeweiligen Sprache.
Reichweitenmessung inklusive
Auf Wunsch eine cookiefreie Reichweitenmessung, direkt eingebunden und passend in der Datenschutzerklärung beschrieben.
Eigene Domain + HTTPS
Domain hinzufügen, per DNS verifizieren, binden — mit automatischem HTTPS. Jede Website ist sofort unter einer Vorschau-Subdomain erreichbar.
Anfragen im Dashboard
Kontaktformulare gehen abgesichert an einen Endpunkt mit Spam-Schutz; die Eingänge siehst und verwaltest du je Website.
Tarife und KI-Credits
Fünf Tarife mit monatlichen KI-Kontingenten für Textaktionen und Bilder. Ist ein Kontingent aufgebraucht, zahlst du weitere Generierungen aus zubuchbarem KI-Credit-Guthaben — kein unbemerkter Verbrauch. Alle Preise netto zzgl. USt.
- Free — gratis: 1 Website auf der Vorschau-Subdomain, 20 KI-Textaktionen und 5 KI-Bilder im Monat.
- Starter — 1 eigene Domain, 3 Websites, 200 KI-Textaktionen und 40 KI-Bilder im Monat.
- Pro — 3 Domains, 10 Websites, 750 KI-Textaktionen und 150 KI-Bilder, 3 Team-Sitze.
- Premium — 10 Domains, 25 Websites, 2.500 KI-Textaktionen und 500 KI-Bilder, 10 Team-Sitze.
- Agentur — 50 Domains, 100 Websites, sehr große KI-Kontingente und 50 Team-Sitze.
KI-Credits
Zusätzliches Guthaben lädst du als Paket: 100 Credits für 9 €, 500 für 39 € oder 2.000 für 129 € (netto). Eine Textaktion kostet 1 Credit, ein Bild 3.
Fragen & Antworten
Häufige Fragen
Alles, was du vor dem Start wissen willst.
Kann ich alles auch ohne KI bearbeiten?
Ja. Der visuelle Editor bearbeitet dasselbe Baustein-Modell, das ausgeliefert wird. Du sortierst Bausteine per Drag & Drop, bearbeitest Texte inline und stellst jeden Block im Eigenschaften-Panel ein — mit Undo/Redo und Tastenkürzeln.
Wie viele Schriften und Icons stehen zur Verfügung?
Im Editor der komplette Flow-Design-Katalog: 775 Google-Fonts und 272 Icons, dazu Farben, Verläufe, Muster, Effekte und Animationen. In die ausgelieferte Website wandert nur das tatsächlich Genutzte — self-hosted, ohne Laufzeit-Anfrage an Dritte.
Wie funktioniert die Vorschau in verschiedenen Bildschirmgrößen?
Der Editor zeigt deine Seite live in drei Viewports — Desktop, Tablet und Mobil. Jede Änderung erscheint sofort auf allen drei Größen, sodass du das responsive Verhalten direkt beim Bearbeiten siehst.
Baut die KI wirklich die ganze Website?
Ja. Die KI plant erst eine Sitemap, baut nach deiner Freigabe die komplette Website auf und ändert Seiten und einzelne Bausteine später im Chat — mehrsprachig (DE, EN und weitere). Passende Bilder erzeugt sie auf Wunsch mit. Änderungen gelten erst nach deiner Bestätigung.
Was leisten die 50 Vorlagen?
Sie geben dir einen fertigen Startpunkt: ganzseitige Vorlagen, Branchen-Landingpages, Seitentypen und einzelne Sektionen zum Einschieben. Du übernimmst eine Vorlage, passt sie an und veröffentlichst — statt mit einer leeren Seite zu beginnen.
Sind Performance, Barrierefreiheit und Datenschutz wirklich eingebaut?
Ja. Jede Website wird statisch pro Domain gebaut (Lighthouse 100 als Ziel), ein WCAG-2.2-AA-Kontrast-Gate blockiert die Veröffentlichung bei Verstößen, und Consent-Banner sowie Rechtstexte entstehen automatisch in der jeweiligen Sprache. Reichweitenmessung ist auf Wunsch cookiefrei eingebunden.
Kostenlos starten
Sieh XICflow in Aktion.
Generiere deine Website, öffne sie im Editor und probier das Flow-Design-System aus — die Vorschau ist gratis.
PageSpeed 100 BFSG-konform DSGVO Mehrsprachig