DocsPremiers pasIntroduction

Introduction

Bienvenue sur Draftly — la plateforme alimentée par l'IA pour créer des sites web cinématiques et prêts pour la production à partir d'un seul prompt.

Qu'est-ce que Draftly ?

Draftly est une plateforme de génération de sites web alimentée par l'IA qui transforme un simple prompt textuel en un site web complet et prêt à publier — avec une image hero cinématique, une vidéo en mouvement synchronisée au défilement, et du HTML de production en moins de 3 minutes.

Contrairement aux outils IA génériques, Draftly comprend les patterns de design, la typographie, la hiérarchie spatiale et l'identité de marque. Chaque site généré est unique, spécifique à votre entreprise, et construit sur un HTML sémantique propre.

Draftly fonctionne entièrement dans votre navigateur sur draftly.space — sans installation, sans code, sans designer requis.

Ce que vous obtenez d'un seul prompt

1.Image hero — Une image de fond cinématique générée par l'IA, dimensionnée et stylisée selon la verticalité et l'ambiance colorée de votre site
2.Vidéo en mouvement — Une vidéo de fond synchronisée au défilement de 5 à 8 secondes (Veo 3.1 par Google) qui donne vie au hero
3.Frames de défilement — ~200 frames WebP extraites de la vidéo, permettant une animation fluide pilotée par le défilement
4.HTML complet du site — HTML responsive multi-sections avec navigation, footer, moteur d'animation de défilement et balises méta SEO
5.URL en direct — Publié instantanément sur votre propre sous-domaine à *.draftly.space

Comment ça fonctionne

Draftly utilise un pipeline de génération en 5 phases découpées conçu pour produire des sites qui ne se tronquent ni ne se répètent jamais :

1.Planification — L'IA extrait le nom de votre marque, le titre, les sections, l'ambiance colorée et les différenciateurs de votre prompt
2.Structure — La navigation, la section hero, les variables CSS et le moteur de frames de défilement sont générés en premier
3.Sections — Chaque section de contenu (fonctionnalités, tarification, témoignages, etc.) est générée en parallèle
4.Footer — Informations de contact, liens de navigation et détails de la marque — toujours générés, jamais ignorés
5.Assemblage — Toutes les pièces sont assemblées, les balises SEO injectées, et le résultat déployé

Cette architecture garantit que votre footer est toujours présent, que chaque section bénéficie de son propre appel IA ciblé, et que le résultat n'atteint jamais les limites de tokens.

Fonctionnalités clés

Constructeur de site 3D — Un prompt produit un site cinématique complet avec image hero, vidéo en mouvement, frames et HTML
Éditions ciblées via chat — Modifiez les couleurs, le texte ou la mise en page par conversation à 0,5 crédit/modification (contre 400+ pour une régénération complète)
Édition de texte en ligne — Cliquez sur n'importe quel texte dans l'aperçu pour le modifier directement — zéro crédit, instantané
Préréglages de design — Transformations de style en un clic dans tous les secteurs : SaaS, restaurant, portfolio, et plus
Publication instantanée — En direct sur votre propre sous-domaine en quelques secondes via Cloudflare CDN
Génération de vidéos — Veo 3.1 Fast (Google) avec sortie 720p→4K selon le plan
Génération d'images — Plus de 12 modèles IA dont Nano Banana Pro, Seedream 4.5, Flux Pro
Business OS — Tableau de bord d'intelligence business alimenté par l'IA aux côtés de votre site (Pro+)
Historique des versions — Chaque point de contrôle de génération sauvegardé ; revenez en arrière à tout moment

Configuration requise

Draftly fonctionne entièrement dans votre navigateur. Aucun logiciel à installer.

Navigateurs supportés : - Chrome 90+ (recommandé pour les meilleures performances de défilement et le décodage vidéo) - Firefox 88+ - Safari 14+ - Edge 90+

Connexion Internet : Requise. La génération de vidéos diffuse des fichiers volumineux — une connexion haut débit stable (10 Mbps+) est recommandée.

Appareil : Fonctionne sur ordinateur et tablette. Le constructeur 3D est optimisé pour les écrans de 1280px de large et plus.