- Construire le design comme une nouvelle application dans le même projet
- Appliquer le style du design à une application que vous avez déjà
- Revenir en arrière en toute sécurité dans les deux cas, Agent crée un point de contrôle avant de démarrer
Deux voies de la frame à l’application
Le menu Build… sur une frame Design sélectionnée couvre les deux cas :
Le menu Build… : créer un nouvel artefact, ou appliquer le design à un artefact existant.
Construire ce design
Choisir Build this design démarre un nouvel artefact à partir de la frame. Agent construit la mise en page, le style et les ressources dans une application vivante et fonctionnelle qui apparaît dans la liste des artefacts de votre projet.Appliquer à une application existante
Le menu liste aussi tous les artefacts du projet. En choisir un applique le design à celui-ci : Agent réécrit le code de l’artefact pour qu’il corresponde à la frame, et la frame Design reste sur le canvas comme référence. C’est ainsi que vous pouvez restyliser une application déjà construite sans repartir de zéro.Le déroulement
1
Choisir le design à construire
Arrêtez-vous sur la frame que vous voulez livrer. Comparez d’abord les candidats côte à côte sur le canvas : construire clôt cette phase d’exploration, mais Agent crée un point de contrôle pour que vous puissiez toujours revenir en arrière.
2
Confier la tâche à Agent
Sélectionnez la frame, choisissez Build… dans sa barre d’actions, et choisissez votre voie : un nouvel artefact ou un artefact existant. Agent construit le design, la mise en page, le style et les ressources, et rend compte de sa progression dans le chat.
3
Vérifier la construction
Agent indique ce qu’il a modifié et crée un point de contrôle. Ouvrez le résultat pour voir le design en action, et continuez à discuter pour ajuster ce qui n’a pas bien été traduit.
Construire une nouvelle application à partir d’une frame Design nécessite Core ou Pro ; appliquer un design et toutes les autres fonctionnalités de Replit Design fonctionnent avec chaque forfait. Consultez Facturation pour les détails des forfaits.
Après la construction : rendez-la réelle
Construire la frame vous donne une application fonctionnelle avec votre design en place. La maquette ne faisait que simuler le fonctionnement ; maintenant Agent peut ajouter le vrai fonctionnement. Demandez ce dont vous avez besoin dans le chat :- Permettre aux gens de se connecter : ajoutez des comptes utilisateurs avec Replit Auth, les utilisateurs se connectent avec leurs comptes Replit sans aucune configuration, ou apportez votre propre fournisseur.
- Enregistrer de vraies données : stockez et récupérez des commandes, des messages et des préférences avec la base de données intégrée.
- Faire payer : ajoutez des paiements et des abonnements avec les intégrations Monetization.
- Connecter d’autres services : Agent active automatiquement des intégrations en fonction de vos invites, de l’e-mail à Slack en passant par les services Google.
Le lancer et le faire grandir
Quand l’application fonctionne, présentez-la aux gens et continuez à l’améliorer :- Publier : lancez-la depuis l’outil de publication, puis consultez Après la publication pour mettre à jour l’application en ligne.
- Obtenir une véritable adresse : achetez ou connectez un domaine personnalisé.
- Être trouvé : lancez l’Agent SEO pour un audit technique avec des corrections en un clic.
- Entendre vos visiteurs : ajoutez le widget de feedback pour que les gens puissent signaler des problèmes et des idées que vous pouvez transmettre directement à Agent.
- La garder en bonne santé : suivez l’état, les performances et la disponibilité avec la surveillance des applications publiées.
Prochaines étapes
- Design vs. Build : quand démarrer avec chaque point d’entrée.
- Créer un système de design : extrayez le design que vous avez livré pour que le prochain commence déjà à l’image de votre marque.