DocumentationPremiers pasDémarrage rapide

Démarrage Rapide

Passez de zéro à un site web publié en direct en moins de 5 minutes.

Étape 1 — Se connecter

Allez sur draftly.space et connectez-vous avec Google ou votre e-mail. Les nouveaux comptes sont créés en 30 secondes.

Après la connexion, vous arrivez sur le Tableau de bord — une liste de vos projets. Les nouveaux utilisateurs voient un état vide avec une invite pour créer leur premier site.

Étape 2 — Ouvrir le constructeur

Cliquez sur Nouveau projet ou Constructeur 3D depuis le tableau de bord ou la navigation supérieure.

Le constructeur s'ouvre avec une entrée de chat en bas à gauche et un panneau de prévisualisation en direct à droite. Si c'est votre première visite, une courte visite guidée en 3 étapes vous présente l'interface. Vous pouvez la fermer à tout moment ou la revoir via le bouton d'aide ?.

Étape 3 — Rédiger votre invite

Dans le champ de discussion, décrivez votre site web. Plus vous êtes précis, mieux c'est — incluez le nom de l'entreprise, le secteur d'activité, les sections souhaitées et l'ambiance visuelle.

Exemple : « Romano's Coal-Fired Pizza — restaurant familial à Brooklyn depuis 1987. Ambiance chaleureuse, rustique, cinématographique sombre. Incluez les sections héros, notre menu, notre histoire, réservations et avis. CTA : Réserver une table. »

Appuyez sur Entrée ou cliquez sur l'icône d'envoi pour lancer la génération. Vous pouvez également cliquer d'abord sur le bouton ✨ Améliorer (1 crédit) pour que l'IA renforce votre prompt.

Étape 4 — Suivez le pipeline

La génération prend en moyenne 2 à 3 minutes. Une barre de progression en direct affiche quatre étapes :

1.Planification de votre site — L'IA extrait le nom de la marque, le titre, les sections
2.Génération de l'image d'en-tête — L'IA crée votre image de fond cinématographique
3.Création de la vidéo animée — Veo 3.1 génère votre vidéo de défilement (environ 60 à 90 secondes)
4.Construction de votre site — Les sections HTML sont assemblées en parallèle

Laissez l'onglet ouvert pour une meilleure expérience. Si vous fermez l'onglet, la bannière de reprise automatique apparaît lorsque vous le rouvrez — cliquez dessus pour reprendre là où la génération s'était arrêtée.

Étape 5 — Prévisualiser et modifier

Une fois la génération terminée, le panneau de prévisualisation affiche votre site en direct avec l'animation de défilement active.

Faites défiler dans la prévisualisation pour voir l'animation de parallaxe synchronisée avec la vidéo
Cliquez sur n'importe quel texte pour le modifier en ligne — gratuit, instantané, sans crédits
Tapez dans le chat pour demander des modifications de design : « Rendre l'arrière-plan plus sombre », « Changer le CTA en 'Réserver maintenant' », « Ajouter une section de prix »
Préréglages de design (icône pinceau) — transformations de style en un clic, également gratuites

Étape 6 — Publier

Cliquez sur Publier en direct dans la barre d'actions en bas à gauche.

Choisissez un sous-domaine (par exemple, romanos-pizza.draftly.space). Le site est mis en ligne via Cloudflare CDN en environ 5 secondes.

Partagez l'URL avec vos clients ou utilisez-la comme votre véritable site web. Les futures modifications dans l'éditeur peuvent être republiées instantanément sans nouvelle URL et sans interruption de service.