Passer au contenu principal
⏰ Durée estimée : 5 minutes · Suite de Créez votre première application Canvas est un espace visuel où vous pouvez explorer plusieurs directions de design avant de créer votre application. Générez des maquettes, comparez-les côte à côte et appliquez celle que vous préférez.

​
Avant de commencer

Vous aurez besoin d’une application existante sur Replit — issue du guide Créez votre première application ou de n’importe quel projet.
Vous pouvez également repartir de zéro — créez simplement un nouveau projet et décrivez votre idée à Agent en premier.

​
Designez votre application

1

Explorez des variations de design

Ouvrez l’onglet Canvas dans votre Espace de travail, puis cliquez sur Reimagine. Un menu déroulant vous propose des prompts rapides pour explorer différentes directions. Choisissez « Try different layouts » et Agent génère plusieurs maquettes de design sur Canvas.
Voici toutes les options disponibles :
  • Explore different approaches
  • Try different layouts
  • Explore different vibes
  • More like this, but better
  • Optimize for usability
  • Show me the opposite of this
  • Surprise me
Vous pouvez également demander à Agent de générer des variations avec vos propres mots :
Show me a dark theme, a minimal theme, and a colorful theme on the Canvas
Canvas affichant plusieurs variations de design côte à côte
2

Choisissez une direction

Parcourez les variations et choisissez celle qui correspond à votre vision. Vous pouvez demander à Agent d’affiner une variation spécifique avant de vous décider :
I like the second one, but make the header bigger
3

Appliquez à votre application

Une fois que vous êtes satisfait d’un design, demandez à Agent de l’appliquer :
Apply this design to my app
Agent met à jour le code de votre application pour correspondre au design choisi. Consultez l’onglet Preview pour voir le résultat.
4

Publiez votre application mise à jour (optionnel)

Cliquez sur Publish dans l’Espace de travail pour mettre le nouveau design en ligne. Votre URL existante reste la même. Les visiteurs verront immédiatement la version mise à jour.
En savoir plus sur la publication dans Publiez votre application.

​
Étapes suivantes

Canvas

Approfondissez les fonctionnalités et les flux de travail de Canvas.

Éditeur visuel

Effectuez des ajustements précis sur les couleurs, le texte et la mise en page.

Développez votre projet

Ajoutez une application mobile, une présentation ou d’autres artefacts à votre projet.