Welche KI eignet sich, um eine Website ohne Code zu bauen?
Claude und die anderen großen Chat-KIs bauen dir inzwischen eine funktionierende One-Page-Website direkt im Chat, und Claude Code kann eine komplette Website von deinem Computer aus bauen und veröffentlichen. Hier siehst du, mit welcher KI du anfängst, plus No-Code-Builder, falls du lieber klickst als tippst.
Welche KI das am besten kann
- Claude#1KI-AssistentGratis-Plan
Baut im Chat eine funktionierende Landingpage mit Live-Vorschau, die du durchklicken und per Bitte anpassen kannst. Allerdings immer nur eine Seite: Für Domain, Formulare und Hosting musst du den Code zu einem Hoster oder in einen Website-Builder kopieren.
Öffnen Claude ↗✦ Probier diesen PromptBau eine One-Page-Website für [Firmenname], [was du machst] in [Stadt]. Abschnitte: Hero mit Überschrift und einem Button [Termin buchen / Kontakt], 3 Leistungen mit Preisen [Liste], Über mich, 3 kurze FAQs, Kontaktformular. Stil: [ruhig / auffällig / minimalistisch], Farben [Farben]. Mobilfreundlich, einfaches HTML und CSS in einer Datei, zeig mir eine Live-Vorschau. Schreib die Texte selbst in freundlichem Ton und frag mich dann, was ich ändern möchte.
- Claude Code#2KI-AgentKostenpflichtig
Die Wahl, wenn du eine echte mehrseitige Website willst, die dir gehört. Es legt die Dateien auf deinem Computer an, startet die Seite lokal und kann sie bei einem kostenlosen Hoster veröffentlichen. Du brauchst einen bezahlten Claude-Plan und solltest kein Problem damit haben, im Terminal oder in der Desktop-App zu tippen.
Öffnen Claude Code ↗✦ Probier diesen PromptBau in diesem leeren Ordner eine schnelle mehrseitige Website für [Firmenname] ([was du machst]). Seiten: Startseite, Leistungen ([Liste]), Über mich, Kontakt mit einem Formular, das an [deine E-Mail] schickt. Nutze Astro, keine kostenpflichtigen Dienste. Schreib die Texte selbst, kurz und freundlich. Starte die Seite lokal und gib mir den Link zum Prüfen. Wenn ich sage, dass alles passt, führ mich Schritt für Schritt durch die kostenlose Veröffentlichung auf Netlify oder Vercel.
- Gemini#3KI-AssistentGratis-Plan
Die kostenlose Option. Im Canvas-Modus schreibt Gemini die Seite und zeigt eine Live-Vorschau, und es kann sich am Screenshot einer Website orientieren, die dir gefällt. Die Texte sind blasser als bei Claude, und größere Änderungen zerschießen manchmal das Layout.
Öffnen Gemini ↗✦ Probier diesen PromptÖffne Canvas und bau eine One-Page-Website für [Firmenname], [was du machst]. Ich hänge einen Screenshot einer Website an, deren Stil mir gefällt: Übernimm Layout und Stimmung, aber nicht die Texte. Mit dabei: Überschrift, [Anzahl] Leistungen mit kurzer Beschreibung, Platzhalter für Kundenstimmen, Kontaktbereich mit [Telefon/E-Mail]. Eine einzige HTML-Datei, mobilfreundlich, mit Live-Vorschau.
- ChatGPT#4KI-AssistentGratis-Plan
Reicht für eine schnelle Seite in Canvas und schreibt gute Texte, aber die Vorschau läuft weniger rund als bei Claude, und ohne Nachhaken hört es oft vor einem fertigen Design auf.
Öffnen ChatGPT ↗✦ Probier diesen PromptSchreib alle Texte und den Code für eine One-Page-Website für [Firmenname] ([was du machst], Zielkunden: [wer]). Abschnitte: Überschrift + Unterzeile, 3 Vorteile, Leistungen mit Preisen [Liste], kurzes Über mich, FAQ, Kontakt. Pack den Code in eine HTML-Datei mit Inline-CSS, mobilfreundlich, Farben [Farben]. Liste danach auf, was ich vor dem Veröffentlichen ändern sollte.
Spezialisierte Tools
- LovableGratis-Plan
Am besten, wenn deine Seite echte Funktionen wie Registrierung oder eine Datenbank braucht. Du beschreibst sie im Chat, den Code schreibt Lovable.
Öffnen Lovable ↗ - FramerGratis-Plan
Ideal für eine schicke Landingpage oder ein Portfolio. Die KI entwirft das Layout, danach passt du es visuell an wie in einem Design-Tool.
Öffnen Framer ↗ - Bolt.newGratis-Plan
Schnell für Prototypen direkt im Browser. Gut, wenn du eine Idee heute testen und später entscheiden willst, ob sie sich lohnt.
Öffnen Bolt.new ↗
Aktualisiert: