Website mit KI erstellen: die Schritte und was es wirklich kostet

Was liefert eine KI wirklich, wenn Sie Ihre Website beschreiben?

Einen strukturierten ersten Entwurf, keine Website, die schon Kunden empfangen kann. Sie schreiben, was Sie brauchen, das Werkzeug erzeugt Seiten, ein Layout und Platzhaltertexte, die Sie danach ersetzen. Beide hier behandelten Werkzeuge rechnen diese Erzeugung in Credits ab: Framer gibt im Gratis-Tarif 500 KI-Credits zum Testen und im Basic-Tarif 1.000 KI-Credits pro Monat. Lovable gibt im Gratis-Tarif 5 Build-Credits pro Tag, höchstens 30 pro Monat, dazu 20 Cloud-Credits pro Monat.

Zeitaufwendig wird die Arbeit danach: Texte ersetzen, Impressum und Datenschutzerklärung prüfen, ein Formular anbinden, eine Domain wählen. Wenn Ihnen diese Arbeitsweise neu ist, erklärt unser Beitrag zu Vibe Coding das Prinzip im Überblick.

Welche Schritte führen von der Idee zur veröffentlichten Website?

Sechs Schritte in dieser Reihenfolge. Erstens das Vorhaben in einer präzisen Anweisung beschreiben: Tätigkeit, gewünschte Seiten, Tonfall. Zweitens erzeugen und aussortieren, also die Struktur behalten und den Text verwerfen. Drittens das Layout im Editor von Hand nacharbeiten. Viertens echte Inhalte einpflegen: Framer Basic erlaubt 30 Seiten, 2 CMS-Sammlungen und 1.000 Einträge, Framer Pro erlaubt 150 Seiten, 10 Sammlungen und 2.500 Einträge. Fünftens die eigene Domain anbinden, die ab Framer Basic und ab Lovable Pro enthalten ist. Sechstens veröffentlichen und beobachten: Framer liefert Statistiken über 30 Tage im Basic-Tarif und über 90 Tage im Pro-Tarif.

Wer im Team arbeitet, plant den fünften Schritt früher ein. Rollen und Rechte gibt es bei Lovable ab dem Pro-Tarif, bei Framer hängt die Zusammenarbeit am Preis pro Editor.

Website-Werkzeug oder App-Generator: was brauchen Sie?

Das ist die eigentliche Frage, und sie fällt, bevor Sie zahlen. Framer richtet sich an Designer, Freelancer und Start-ups, die eine gepflegte Unternehmenswebsite ohne Entwickler gestalten und veröffentlichen wollen: Hosting, CMS und SEO sind enthalten, was in unserer Bewertung 4,5 von 5 bei den Funktionen ergibt. Lovable richtet sich an Gründer, Produktmanager und Designer, die eine Web-App oder einen Prototyp wollen, mit Code-Bearbeitung sowie Rollen und Rechten ab dem Pro-Tarif.

Nach unserer Lesart verläuft die Trennlinie so: Soll Ihre Website vorstellen, Vertrauen schaffen und zur Kontaktaufnahme führen, nehmen Sie ein Website-Werkzeug. Soll sie Konten anlegen, von Nutzern eingegebene Daten speichern oder Geschäftslogik ausführen, sind Sie beim App-Generator, und damit ändern Budget wie Datenschutzfragen ihren Charakter.

Was kosten die veröffentlichten Tarife?

Die folgenden Beträge stehen so auf den offiziellen Seiten, ohne Umrechnung.

Zwei Punkte der Abrechnung verdienen Aufmerksamkeit. Bei Framer ist der Inhaber des Workspace enthalten, jeder weitere Editor kostet 20 $ pro Monat: Ein Redaktionsteam liegt damit deutlich über dem ausgewiesenen Preis. Bei Lovable sind die Mitglieder pro Workspace unbegrenzt, dafür verfallen die monatlichen Credits nach zwei Monaten und werden nicht erstattet. Tarif für Tarif finden Sie die Details in unseren Beiträgen zu den Framer Kosten und den Lovable Kosten.

Wo liegen Ihre Daten, und was ändert das?

Hier trennen sich die beiden Werkzeuge am deutlichsten. Framer gibt an, seine Dienste hauptsächlich auf AWS in den USA zu betreiben, mit weiteren Regionen in Europa und im Asien-Pazifik-Raum sowie über 200 CloudFront-Standorten; eine Regionswahl durch Kunden wird nicht erwähnt. Der Anbieter weist ISO 27001 und SOC 2 Type 2 aus, die Berichte gibt es für Enterprise-Kunden auf Anfrage, dazu eine Verpflichtung zu DSGVO und CCPA mit verfügbarem AVV. Wir bewerten Framer in diesem Kriterium mit 3 von 5.

Lovable nennt regionales Hosting in der EU, den USA und im Asien-Pazifik-Raum, die Daten bleiben standardmäßig in der gewählten Region, und der Anbieter veröffentlicht einen AVV online. Die Sicherheitsseite nennt SOC 2, ISO 27001 und die DSGVO. Wir bewerten das mit 4,5 von 5. Wichtige Einschränkung: Welche Tarife die Region wählen können, gibt der Anbieter nicht an. Diese Frage sollten Sie schriftlich klären, bevor Sie unterschreiben, wenn Sie Daten europäischer Kunden verarbeiten.

Was sollten Sie vor der Veröffentlichung prüfen?

Vier Punkte, in der Reihenfolge, in der sie auffallen. Die Domain: Nötig ist mindestens Framer Basic oder Lovable Pro, der Gratis-Tarif von Framer gibt nur eine Framer-Domain. Das Anbieter-Logo: Lovable entfernt das Lovable-Badge ab dem Pro-Tarif. Das Volumen: Framer Basic endet bei 50 GB Bandbreite und 30 Seiten, das trägt eine Unternehmenswebsite, aber keinen großen Katalog. Und der Creditverbrauch, der bei Lovable von der Komplexität jeder Anfrage abhängt, was ein festes Monatsbudget erschwert; der Pro-Tarif bietet Stufen bis 10.000 Credits.

Ein letzter Punkt gilt unabhängig vom Werkzeug: Lesen Sie den erzeugten Text Zeile für Zeile. Eine Unternehmenswebsite bindet Sie an Ihre Rechtstexte, Ihre Preise und Ihre Aussagen gegenüber Kunden.

Welches Werkzeug passt zu welchem Profil?

Selbstständige und Handwerksbetriebe, die eine glaubwürdige Website ohne Entwickler wollen: Framer Basic für 10 $ pro Monat bei jährlicher Zahlung deckt den Bedarf, mit Hosting, CMS, SEO und Statistiken über 30 Tage, solange Sie einziger Editor bleiben.

Agenturen und Marketingteams, die häufig veröffentlichen: Framer Pro für 30 $ pro Monat bei jährlicher Zahlung bringt Weiterleitungen, eine Staging-Umgebung und Branches mit Vorschau, nützlich sobald mehrere Personen dieselbe Website bearbeiten. Rechnen Sie 20 $ pro Monat für jeden weiteren Editor ein.

Gründer und Produktmanager, deren Vorhaben eher eine Anwendung ist: Lovable Pro für 25 $ monatlich oder 21 $ bei jährlicher Zahlung bringt eigene Domains, Code-Bearbeitung sowie Rollen und Rechte, bei unbegrenzten Mitgliedern. Wir bewerten das Werkzeug insgesamt mit 4,4 von 5, davon 5 von 5 bei der Bedienung.

Teams mit Anforderungen an interne Kontrolle: Lovable Business für 50 $ monatlich oder 42 $ bei jährlicher Zahlung ergänzt SSO, interne Veröffentlichung, geschützte Vorschaulinks und den standardmäßigen Ausschluss Ihrer Daten vom Modelltraining. Von den beiden hier behandelten Werkzeugen nennt nur Lovable eine Wahl der Hosting-Region, was bei europäischen Nutzern ins Gewicht fällt. Weitere Optionen dieser Kategorie sammeln wir in der Rubrik Vibe Coding.