Qu’est-ce que le Design Mode ?
Le Design Mode vous permet de créer de beaux sites web et designs d’applications interactifs en quelques minutes seulement. Décrivez simplement votre idée et Replit le construit pour vous. Le Design Mode est parfait pour :- Tester vos idées rapidement : Visualisez le design de votre application avant de construire les fonctionnalités
- Créer des sites web soignés : Pages d’accueil, portfolios, menus de restaurants, pages d’événements
- Affiner votre design : Ajustez les couleurs, les mises en page et le contenu instantanément
Les applications en Design Mode ressemblent et se comportent comme de vraies applications, mais elles ne stockent pas encore de données ni ne se connectent à des services externes. Quand vous êtes satisfait de l’apparence générale, vous pouvez convertir votre design en application complète en un clic. Les étapes ci-dessous vous montrent comment faire.
Qu’est-ce que l’App Mode ?
L’App Mode crée de vraies applications fonctionnelles capables de sauvegarder des données, de permettre aux utilisateurs de se connecter et de se connecter à d’autres services. Utilisez l’App Mode quand votre application a besoin de :- Comptes utilisateur : Permettre aux personnes de créer des comptes et de se connecter
- Sauvegarder des informations : Stocker des données comme des commandes, des messages ou des préférences utilisateur
- Se connecter à d’autres services : Traiter des paiements, envoyer des e-mails ou récupérer des données depuis d’autres applications
- Gérer des tâches complexes : Gérer une boutique en ligne, les réservations ou alimenter un tableau de bord
Voir la différence en action
Cette comparaison montre le même menu de restaurant construit dans les deux modes en utilisant un prompt identique. Alternez entre les onglets pour voir ce que chaque mode a créé :- Design Mode
- App Mode
Design Mode — Construit en 1 minute
- Design beau et soigné
- Typographie et mise en page élégantes
- Parfait pour mettre en valeur votre vision
- Menu statique (sans fonctionnalité de commande)
Utiliser les deux modes ensemble
Le Design Mode et l’App Mode sont conçus pour fonctionner ensemble. Vous n’avez pas à choisir l’un ou l’autre. Vous pouvez commencer par le design et évoluer vers une application complète.Commencer par le design
Démarrez en Design Mode pour visualiser rapidement votre idée. Concentrez-vous sur l’apparence et la sensation de votre application — la mise en page, les couleurs, les boutons et l’expérience utilisateur.
Affiner et itérer
Utilisez l’éditeur visuel pour cliquer directement sur les éléments et les ajuster, ou discutez avec Agent pour décrire les changements souhaités. Les modifications apparaîtront immédiatement.
Convertir en application complète
Quand vous êtes satisfait de votre design et prêt à ajouter de vraies fonctionnalités, cliquez sur le bouton Design en haut à gauche, puis cliquez sur « Convert to App » dans le menu. Agent ajoutera la capacité de sauvegarder des données, de gérer les comptes utilisateur et de se connecter aux services — tout en préservant votre design.
Agent vous invitera à convertir en App Mode lorsque vous essaierez d’ajouter une base de données ou des fonctionnalités avancées.
Quand utiliser chaque mode
Commencez avec Design Mode
- Vous voulez voir votre idée rapidement
- Vous créez un site web simple
- Vous souhaitez tester différents designs
- La rapidité est votre priorité
Passez directement à l'App Mode
- Vous savez exactement ce dont vous avez besoin
- Votre application doit sauvegarder des données dès le premier jour
- Les utilisateurs doivent se connecter
- Vous vous connectez à d’autres services
Différences clés
| Fonctionnalité | Design Mode | App Mode |
|---|---|---|
| Rapidité | Quelques minutes | Environ 10 minutes pour des applications complètes |
| Stockage des données | Visuel uniquement (pas de sauvegarde) | Sauvegarde et récupère de vraies données |
| Comptes utilisateur | Montre à quoi ressemble la connexion | Fonctionnalité de connexion réelle |
| Connexion aux services | Non disponible | Paiements, e-mails, données externes |
| Hébergement | Hébergement statique simple | S’adapte à votre audience |
Prochaines étapes
Design Mode
En savoir plus sur la création de designs
Éditeur visuel
Effectuer des modifications visuelles par clics
Agent
Explorer ce qu’Agent peut construire pour vous
Apprendre
Apprendre le flux de travail complet