DokumentationErste SchritteEinführung

Einführung

Willkommen bei Draftly – der KI-gestützten Plattform zum Erstellen kinoreifer, produktionsfertiger Websites aus einem einzigen Prompt.

Was ist Draftly?

Draftly ist eine KI-gestützte Plattform zur Website-Generierung, die einen einzigen Text-Prompt in eine vollständige, veröffentlichungsbereite Website verwandelt – mit einem kinoreifen Hero-Bild, scroll-synchronisiertem Bewegungsvideo und produktionsfertigem HTML in weniger als 3 Minuten.

Im Gegensatz zu generischen KI-Tools versteht Draftly Designmuster, Typografie, räumliche Hierarchie und Markenidentität. Jede generierte Website ist einzigartig, spezifisch für Ihr Unternehmen und basiert auf sauberem, semantischem HTML.

Draftly läuft vollständig in Ihrem Browser unter draftly.space – keine Installation, kein Code, kein Designer erforderlich.

Was Sie mit einem einzigen Prompt erhalten

1.Hero-Standbild — Ein kinoreifes, KI-generiertes Hintergrundbild, das an die vertikale Ausrichtung und Farbstimmung Ihrer Website angepasst ist
2.Bewegtbild-Video — Ein 5–8 Sekunden langes, scroll-synchronisiertes Hintergrundvideo (Veo 3.1 von Google), das das Hero-Bild zum Leben erweckt
3.Scroll-Frames — ~200 WebP-Frames, die aus dem Video extrahiert wurden und eine flüssige, scrollgesteuerte Animation ermöglichen
4.Vollständiges Website-HTML — Mehrteiliges responsives HTML mit Navigation, Footer, Scroll-Animations-Engine und SEO-Meta-Tags
5.Live-URL — Sofortige Veröffentlichung auf Ihrer eigenen Subdomain unter *.draftly.space

So funktioniert's

Draftly verwendet eine 5-phasige, segmentierte Generierungspipeline, die darauf ausgelegt ist, Websites zu erstellen, die niemals abgeschnitten oder wiederholt werden:

1.Planen — Die KI extrahiert Ihren Markennamen, Ihre Überschrift, Abschnitte, Farbstimmung und Alleinstellungsmerkmale aus Ihrem Prompt
2.Shell — Navigation, Hero-Bereich, CSS-Variablen und die Scroll-Frame-Engine werden zuerst generiert
3.Abschnitte — Jeder Inhaltsabschnitt (Funktionen, Preise, Testimonials usw.) wird parallel generiert
4.Footer — Kontaktinformationen, Navigationslinks und Markendetails – immer generiert, niemals übersprungen
5.Zusammenfügen — Alle Teile werden zusammengefügt, SEO-Tags eingefügt und das Ergebnis bereitgestellt

Diese Architektur garantiert, dass Ihr Footer immer vorhanden ist, jeder Abschnitt seinen eigenen fokussierten KI-Aufruf erhält und die Ausgabe niemals Token-Limits erreicht.

Hauptmerkmale

3D Website Builder — Ein Prompt erzeugt eine vollständige, kinoreife Website mit Hero-Bild, Bewegtbild-Video, Frames und HTML
Präzise Chat-Bearbeitungen — Ändern Sie Farben, Text oder Layout durch Konversation für 0,5 Credits/Bearbeitung (vs. 400+ für vollständige Neugenerierung)
Inline-Textbearbeitung — Klicken Sie auf einen beliebigen Text in der Vorschau, um ihn direkt zu bearbeiten – keine Credits, sofort
Design-Presets — Ein-Klick-Stiltransformationen für verschiedene Branchen: SaaS, Restaurant, Portfolio und mehr
Sofortige Veröffentlichung — In Sekundenschnelle live auf Ihrer eigenen Subdomain über Cloudflare CDN
Video-Generierung — Veo 3.1 Fast (Google) mit 720p→4K-Ausgabe je nach Plan
Bild-Generierung — Über 12 KI-Modelle, darunter Nano Banana Pro, Seedream 4.5, Flux Pro
Business OS — KI-gesteuertes Business-Intelligence-Dashboard neben Ihrer Website (Pro+)
Versionsverlauf — Jeder Generierungs-Checkpoint wird gespeichert; jederzeit zurücksetzen

Systemanforderungen

Draftly läuft vollständig in Ihrem Browser. Keine Softwareinstallation erforderlich.

Unterstützte Browser: - Chrome 90+ (empfohlen für beste Scroll-Leistung und Video-Dekodierung) - Firefox 88+ - Safari 14+ - Edge 90+

Internetverbindung: Erforderlich. Die Video-Generierung streamt große Dateien – eine stabile Breitbandverbindung (10 Mbit/s+) wird empfohlen.

Gerät: Funktioniert auf Desktop und Tablet. Der 3D Builder ist für Bildschirme ab 1280px Breite optimiert.