Visite de l'espace de travail
Où se trouve chaque chose : l’accueil et son explorateur de projets, la page projet avec le chat et l’aperçu, et chaque bouton de la barre du haut.
Sur cette page
FromScratch a deux écrans principaux : la page d'accueil, où vous démarrez et rangez vos projets, et la page projet, où vous discutez avec l'agent et voyez votre site prendre forme. Cette visite parcourt les deux, bouton par bouton.
La page d'accueil
La zone de saisie
En haut, « Que voulez-vous créer ? » vous invite à décrire votre application ou votre site. Sous la zone :
- Modèle : choisit le modèle IA du nouveau projet. « Par défaut » est le modèle recommandé par la plateforme ; les modèles marqués « Premium » font partie de Starter et Pro, et la mention « ×{n} crédits » signifie que le modèle consomme plus de crédits par réponse. Voir Les modèles IA et votre offre.
- Importer un projet (.zip) crée un projet à partir d'une archive de code existante.
Les modèles
« Ou partez d'un modèle » affiche la galerie : Blank, Landing Page, SaaS, Admin Dashboard, CMS, Storefront, Restaurant, Blog, Portfolio, Real Estate, Fitness, Agency, Chat App et « Site e-commerce ». Le sélecteur « Thème du site » (Clair / Sombre) fixe le mode du site que vous allez créer. « Site e-commerce » ouvre « Choisissez le design de votre boutique » avec les quatre designs de boutique. Voir Ce que vous pouvez créer.
L'explorateur de projets
La barre latérale liste votre travail sous « Mes projets » :
- Les dossiers peuvent s'imbriquer (par exemple Clients › Paris › Boulangerie). Créez-en un avec « Nouveau dossier à la racine », ou un sous-dossier depuis les boutons d'un dossier ; vous pouvez aussi le renommer, le partager ou le supprimer. Un dossier doit être vide pour être supprimé.
- Glissez pour organiser : faites glisser un projet ou un dossier sur un autre dossier pour le déplacer, ou utilisez « Déplacer vers un dossier ».
- Le dossier actif est celui où arrivent les nouveaux projets.
- Partagés avec moi liste les projets et dossiers que d'autres personnes vous ont partagés, avec votre rôle (édition ou lecture).
- Un badge « En ligne » signale les projets publiés. « Supprimer le projet » efface son espace de travail : c'est définitif.
La barre du haut
Le badge de crédits affiche vos crédits restants (cliquez dessus pour recharger ou changer d'offre), la cloche liste les notifications (site publié, construction terminée, domaine attaché ou actif) et votre avatar ouvre le menu : Facturation, Langue, mode clair ou sombre de l'interface FromScratch, Aide & contact, Développeur et Se déconnecter.
La page projet
La page projet est coupée en deux : le chat à gauche, l'aperçu à droite. Faites glisser la séparation pour redimensionner le chat (un double-clic rétablit la taille par défaut). Sur téléphone, un sélecteur permet de passer de « Discussion » à « Aperçu ».
Le chat
Écrivez dans « Décrivez la suite… » et envoyez. Pendant que l'agent travaille, vous voyez ses cartes d'activité et un bouton Arrêter. Sous chaque réponse, les crédits consommés. Quand un plan est actif, il s'affiche au-dessus de la zone de saisie avec Étape suivante, Passer et Revenir ici. Effacer vide la conversation sans toucher à vos fichiers. Avec Starter et Pro, le trombone joint des PDF, des images ou des fichiers texte à un message.
L'aperçu
L'aperçu, c'est votre application qui tourne en direct. Passez de Bureau à Mobile pour vérifier les deux mises en page. Avec Starter et Pro, vous avez aussi Code (parcourir et modifier les sources dans le navigateur, avec rechargement en direct) et Split (code et aperçu côte à côte). La vue code est disponible quand l'agent est inactif.
La barre du haut d'un projet
De gauche à droite, selon votre offre et le type de projet :
| Bouton | À quoi il sert |
|---|---|
| Nom du projet | Cliquez pour renommer le projet. |
| Adresse du site | Sous le nom : le sous-domaine de votre site publié ; cliquez pour le changer. Voir L'adresse de votre site et le DNS. |
| Sélecteur de modèle | « Modèle IA (prend effet au prochain message) ». |
| Fichiers | « Fichiers du projet » : PDF, documents Office, images et textes que l'agent consulte à chaque prompt (Starter / Pro). |
| Variables | « Variables d'environnement » : les clés secrètes de votre app. Voir Variables d'environnement. |
| Paiements | Boutiques uniquement : « Paiements par carte », Connecter Stripe. |
| Admin de la boutique | Boutiques uniquement : Ouvrir l'admin et les Identifiants de la boutique. |
| Versions | « Historique des versions » : chaque état enregistré, avec Revenir ici. |
| Partager | Inviter un collaborateur par nom ou e-mail en Édition (discuter avec l'IA, construire, publier) ou en Lecture (voir seulement). |
| Exporter | Télécharger ZIP ou pousser sur GitHub (Starter / Pro). |
| Domaine | Brancher votre propre domaine (Starter / Pro). |
| Publier | Mettre le site en ligne ; ensuite « En ligne » l'ouvre et Republier le met à jour. |
Astuce
les boutons qui demandent une offre payante restent visibles en offre gratuite avec un petit badge « Pro » ; un clic explique ce que fait la fonctionnalité et comment la débloquer.
Où vit votre travail
Chaque projet a son propre espace de travail. Il se met en veille après un moment sans activité et se réveille quand vous ouvrez le projet ou envoyez un message (« Connexion à votre environnement de travail… »). Vos fichiers sont conservés tout du long. Voir Aperçu ou site publié.
Questions fréquentes
Peut-on travailler à deux sur le même projet ?
Oui : utilisez Partager et donnez à la personne le rôle Édition. Elle retrouve le projet dans « Partagés avec moi ».
Je ne vois pas la vue Code.
Elle fait partie de Starter et Pro, et n'est disponible que lorsque l'agent ne travaille pas.
Pour aller plus loin
Cette page vous a-t-elle aidé ?
Merci pour votre retour !
Impossible d’envoyer votre avis. Réessayez plus tard.