DocsErste SchritteEinführung

Einführung

Willkommen bei Draftly — der KI-gestützten Plattform zur Erstellung kinematischer, produktionsreifer Websites aus einem einzigen Prompt.

Was ist Draftly?

Draftly ist eine KI-gestützte Website-Generierungsplattform, die einen einzelnen Textprompt in eine vollständige, veröffentlichungsfertige Website verwandelt — mit einem kinematischen Hero-Bild, scroll-synchronisiertem Bewegungsvideo und produktionsfertigem HTML in unter 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 auf sauberem semantischem HTML aufgebaut.

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

Was Sie aus einem Prompt erhalten

1.Hero-Standbild — Ein kinematisches, KI-generiertes Hintergrundbild, das auf die vertikale Ausrichtung und Farbstimmung Ihrer Website abgestimmt ist
2.Bewegungsvideo — Ein 5–8 Sekunden langes, scroll-synchronisiertes Hintergrundvideo (Veo 3.1 von Google), das den Hero 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 — Mehrsektiges responsives HTML mit Navigation, Footer, Scroll-Animations-Engine und SEO-Meta-Tags
5.Live-URL — Sofort auf Ihrer eigenen Subdomain unter *.draftly.space veröffentlicht

Wie es funktioniert

Draftly verwendet eine 5-phasige, aufgeteilte Generierungs-Pipeline, die darauf ausgelegt ist, Websites zu erstellen, die niemals abgeschnitten werden oder sich wiederholen:

1.Planen — Die KI extrahiert Ihren Markennamen, die Überschrift, Abschnitte, Farbstimmung und Alleinstellungsmerkmale aus Ihrem Prompt
2.Grundgerüst — Navigation, Hero-Abschnitt, CSS-Variablen und die Scroll-Frame-Engine werden zuerst generiert
3.Abschnitte — Jeder Inhaltsabschnitt (Features, Preise, Testimonials usw.) wird parallel generiert
4.Footer — Kontaktdaten, Navigationslinks und Markendetails — immer generiert, nie übersprungen
5.Zusammensetzen — 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.

Hauptfunktionen

3D-Website-Builder — Ein Prompt erzeugt eine vollständige kinematische Website mit Hero-Bild, Bewegungsvideo, Frames und HTML
Präzise Chat-Bearbeitungen — Farben, Texte oder Layout per Konversation ändern für 0,5 Credits/Bearbeitung (statt 400+ für vollständige Neugenerierung)
Inline-Textbearbeitung — Klicken Sie auf einen beliebigen Text in der Vorschau, um ihn direkt zu bearbeiten — null Credits, sofort
Design-Vorlagen — Ein-Klick-Stilumwandlungen für verschiedene Branchen: SaaS, Restaurant, Portfolio und mehr
Sofortveröffentlichung — In Sekunden auf Ihrer eigenen Subdomain über Cloudflare CDN live
Videogenerierung — Veo 3.1 Fast (Google) mit 720p→4K-Ausgabe je nach Plan
Bildgenerierung — 12+ KI-Modelle einschließlich Nano Banana Pro, Seedream 4.5, Flux Pro
Business OS — KI-gestütztes Business-Intelligence-Dashboard neben Ihrer Website (Pro+)
Versionsverlauf — Jeder Generierungspunkt wird gespeichert; jederzeit zurücksetzen

Systemanforderungen

Draftly läuft vollständig in Ihrem Browser. Keine Software zu installieren.

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

Internetverbindung: Erforderlich. Die Videogenerierung streamt große Dateien — eine stabile Breitbandverbindung (10 Mbps+) wird empfohlen.

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