Écrire votre premier prompt
Écrire votre prompt est la toute première étape pour créer l’application dont vous avez toujours rêvé. Tapez simplement ce que vous voulez que votre application fasse, et l’IA la construira pour vous. Vous n’avez pas besoin d’être développeur ou de comprendre le code. C’est le vibe coding - transformer vos idées en vraies applications simplement en les décrivant avec vos propres mots.
Crée un générateur d’entraînements. Il doit créer des plans d’entraînement personnalisés en fonction de mes objectifs de remise en forme, de la disponibilité de l’équipement et de la disponibilité de temps dans ma semaine.
Crée un CRM pour photographes. Inclus des fonctionnalités pour les galeries de clients, les réservations de séances photo et les forfaits tarifaires.
Prêt à commencer ?
Amenez-moi sur Base44 pour créer mon application
La formule du prompt
« Crée un site web [Fonction]. Utilise une structure [Mise en page]. Applique une esthétique [Style visuel]. »Étape 1 | Définir la fonction
Dites à l’IA exactement quel « travail » le site web effectue. Un portfolio doit être audacieux, tandis qu’une banque doit avoir l’air sécurisée.- Page de destination SaaS : Axée sur la conversion, les fonctionnalités et la confiance.
- Portfolio créatif : Axé sur la personnalité, les visuels et l’effet « wow ».
- Boutique e-commerce : Axée sur les grilles de produits, la clarté et la vitesse.
- Éditorial ou blog : Axé sur la lisibilité et la typographie.
Étape 2 | Choisir le style visuel
Décrivez l’ambiance spécifique que vous souhaitez. Cela va au-delà de « clean » ou « moderne ».- Tech et confiance : Glassmorphisme (verre dépoli) ou Aurora Gradients (lumière douce).
- Luxe et histoire : Dark Academia (sombre, polices serif), Eco-Minimalisme (tons terreux) ou Monochrome (noir et blanc).
- Créatif et audacieux : Néo-Brutalisme (contours bruts, couleurs contrastantes), Y2K ou Vaporwave (esthétiques rétro).
Étape 3 | Sélectionner la mise en page
Dites à l’IA comment organiser le contenu à l’écran pour qu’elle n’ait pas à deviner.- La grille Bento : Tout est organisé dans des boîtes ou cellules distinctes. Idéal pour les sites avec de nombreuses fonctionnalités.
- Scrollytelling : Le site est une longue toile. Au fur et à mesure que vous faites défiler, les éléments s’assemblent ou apparaissent en fondu. Idéal pour les sites narratifs.
- Écran divisé : L’écran est coupé en deux. Un côté est fixe (texte), tandis que l’autre côté bouge (images). Idéal pour les sites axés produits.
Ce qu’il faut éviter
Pour vous assurer que l’IA comprend clairement votre vision, évitez ces erreurs courantes de prompt :- Demandes vagues : Des commentaires comme « Rends-le meilleur » ou « Corrige-le » sans contexte laissent l’IA deviner. Soyez précis sur ce qui doit changer.
- Trop à la fois : « Crée un site e-commerce complet avec paiements, inventaire, avis et analyses » dans un seul message peut créer de la confusion. Commencez par la structure de base et ajoutez les fonctionnalités étape par étape.
- Supposer que l’IA se souvient de tout : Si vous avez parlé avec l’IA il y a quelques jours ou dans un autre chat, rappelez-lui le contexte.
- S’attendre à ce que l’IA lise dans vos pensées : Si vous avez un design ou un flux de mise en page spécifique en tête, décrivez-le aussi précisément que possible.
Conseils pour de bons prompts
Ces 4 stratégies simples vous aideront à écrire des prompts qui donnent les résultats les plus solides avec Base44.Soyez clair et précis
Plus vous partagez de détails, meilleurs sont les résultats. Vous pouvez définir des fonctionnalités supplémentaires plus tard, mais commencez par les plus importantes. Pour vous aider à définir clairement la Fonction (Étape 1 de la formule ci-dessus), essayez le cadre simple Qui, Quoi, Pourquoi :
- QUI : Pour qui est cette application ? (par exemple, consultants indépendants)
- QUOI : Que les aide-t-elle à faire ? (par exemple, gérer les projets et les délais des clients)
- POURQUOI : Pourquoi quelqu’un l’utiliserait-il ? (par exemple, pour gagner du temps et rester organisé)
Pensez à qui utilisera votre application
Imaginez comment vous ou quelqu’un d’autre utiliserez votre application. Décrivez les principales étapes ou le parcours que vos utilisateurs effectueront, comme s’inscrire, ajouter des informations ou suivre les progrès. Cela aide l’IA à concevoir une expérience qui semble naturelle et utile.Par exemple, vous pouvez dire à l’IA « Les utilisateurs s’inscrivent, créent un nouveau projet, définissent des étapes et suivent leur progression quotidiennement. »
Concentrez-vous sur le résultat, pas sur le processus
Vous n’avez pas besoin d’expliquer les étapes techniques ou de décrire comment les choses doivent fonctionner en coulisse.Partagez simplement le résultat final que vous souhaitez, comme « Permettre aux enseignants de téléverser des devoirs et d’envoyer des commentaires aux étudiants. » L’IA gère tous les détails complexes pour vous.
Continuez à faire évoluer votre application
Votre premier prompt n’est que le début. Vous pouvez toujours demander des modifications, des mises à jour ou de nouvelles fonctionnalités.Pour des applications plus volumineuses ou complexes, essayez de construire par étapes. Commencez simple, puis ajoutez des fonctionnalités ou des détails de design un par un. Expérimentez jusqu’à ce que votre application corresponde à votre vision. Chaque fois que vous donnez du feedback, Base44 continuera à améliorer votre application.
Techniques pour de meilleurs résultats
Lorsque vous affinez votre application, il existe des façons de parler à Base44 qui l’aideront à exécuter votre vision.| Technique | Quand l’utiliser | Exemples | Conseil pro |
|---|---|---|---|
| « Rends-le plus… » / « Rends-le moins… » | Ajuster le ton, la mise en page ou l’accent | - « Rends l’en-tête moins audacieux. » - « Rends le CTA plus persuasif. » | Ajoutez le pourquoi : « Rends le CTA plus persuasif car c’est l’étape finale du parcours utilisateur. » |
| « Ajoute un… » / « Supprime le… » | Ajouter/supprimer des fonctionnalités spécifiques ou des blocs UI | - « Ajoute une section commentaires à chaque tâche. » - « Supprime la page tarifs pour l’instant. » | Groupez les actions pour plus d’efficacité : « Ajoute une section commentaires et place-la sous la liste des tâches. » |
| « Change [ceci] en [cela] » | Ajuster le texte, les visuels, la mise en page ou la logique des composants | - « Change la couleur de la barre latérale en charbon. » - « Change le bouton ‘Soumettre’ pour dire ‘Envoyer la demande’. » | Ajoutez du contexte : « Change le texte du bouton pour qu’il corresponde au ton amical utilisé dans le reste de l’application. » |
| « Il devrait ressembler à… » | Emprunter des styles d’applications familiers pour guider la mise en page ou le comportement | - « Il devrait ressembler à un mélange entre Duolingo et Habitica. » - « Comme une version plus légère d’Airtable. » | Clarifiez quelles parties : « Utilise le ton ludique de Duolingo et le système de progression gamifié d’Habitica. » |
| « Ajoute la logique pour… »(facultatif) | Ajouter des règles fonctionnelles ou des flux sans avoir besoin de code | - « Ajoute une logique pour masquer les éléments terminés de la vue par défaut. » - « Envoie un rappel si aucune action en 3 jours. » | Décrivez le résultat souhaité une fois la logique ajoutée : « Ajoute une logique pour que les utilisateurs soient incités s’ils ne se sont pas connectés depuis une semaine. » |
| « Groupe ou organise… » | Structurer le contenu pour la clarté ou le workflow | - « Groupe les tâches par catégorie » - « Organise les paramètres en sections rétractables » | Mentionnez les besoins des utilisateurs : « Organise les tâches par catégorie pour que les utilisateurs puissent trouver rapidement ce dont ils ont besoin. » |
| « Ajoute un comportement conditionnel… » | Introduire un branchement intelligent ou une fonctionnalité basée sur l’état | - « Ne montre le bouton de téléchargement qu’après confirmation du paiement. » | Commencez simple, étendez plus tard : « Ajoute d’abord la condition, puis j’ajouterai les variations par type d’utilisateur. » |
| Déclarations « Permets aux utilisateurs… » | Cadrer la fonctionnalité du point de vue de l’utilisateur final | - « Permets aux utilisateurs de téléverser des documents et de les étiqueter. » - « Permets aux utilisateurs de marquer des ressources pour plus tard. » | Cadrez la fonctionnalité autour du déverrouillage de valeur pour l’utilisateur : « Permets aux utilisateurs de téléverser des documents et de les étiqueter afin qu’ils puissent les retrouver facilement plus tard. » |
Discuter avec l’IA
Créer votre application est une conversation, pas une commande unique. Une fois que vous avez utilisé les techniques ci-dessus pour affiner votre vision, vous pouvez utiliser l’interface de chat pour façonner votre application étape par étape. Vous pouvez poser des questions, ajouter de nouvelles fonctionnalités, mettre à jour des détails ou changer d’avis à tout moment. Il n’y a pas de limite au nombre de modifications que vous pouvez apporter. Si vous voulez essayer une nouvelle mise en page, ajouter une page ou supprimer quelque chose, tapez simplement votre nouvelle demande et l’IA mettra à jour votre application en quelques secondes.
- Mode Discuss : Utilisez le mode Discuss chaque fois que vous voulez brainstormer ou discuter d’idées avec l’IA avant d’apporter des modifications. C’est un excellent moyen d’explorer les options et d’obtenir des commentaires sans affecter votre application en direct jusqu’à ce que vous soyez prêt. En savoir plus sur les modes de chat
- Historique de retour : Si vous changez d’avis ou voulez revenir en arrière, vous pouvez facilement restaurer n’importe quelle version précédente de votre application. Expérimentez autant que vous le souhaitez, sachant que vous pouvez toujours annuler ou revoir les versions passées si nécessaire. En savoir plus sur l’annulation des modifications
FAQ
Cliquez sur une question ci-dessous pour en savoir plus sur l’utilisation des prompts dans le chat IA.Pourquoi ne puis-je pas implémenter la fonctionnalité que je veux ?
Pourquoi ne puis-je pas implémenter la fonctionnalité que je veux ?
Certaines fonctionnalités peuvent ne pas être prises en charge. Si vous n’êtes pas sûr, vous pouvez demander dans notre canal d’aide Discord.
Pourquoi l'IA modifie-t-elle des parties de mon application que je n'ai pas mentionnées, et comment puis-je contrôler cela ?
Pourquoi l'IA modifie-t-elle des parties de mon application que je n'ai pas mentionnées, et comment puis-je contrôler cela ?
Vous pouvez utiliser les contrôles de l’IA pour limiter les modifications de l’IA aux seules zones que vous voulez mettre à jour. Cela est particulièrement utile si d’autres parties de l’application sont modifiées intentionnellement. En savoir plus sur la personnalisation du chat IA
Comment puis-je examiner les idées avec l'IA avant d'utiliser des crédits pour des modifications ?
Comment puis-je examiner les idées avec l'IA avant d'utiliser des crédits pour des modifications ?
Utilisez le mode Discuss en bas du chat IA. Cela vous permet de discuter d’idées, d’examiner la logique ou de planifier des étapes avec l’IA avant d’apporter des modifications ou d’utiliser des crédits. C’est idéal pour s’assurer que vos objectifs sont clairs et explorer des alternatives avant d’appliquer des mises à jour à votre application. En savoir plus sur les modes de chat
Pourquoi l'IA ne suit-elle pas correctement mes instructions ?
Pourquoi l'IA ne suit-elle pas correctement mes instructions ?
Il peut falloir à l’IA quelques tentatives pour obtenir la solution parfaite. L’intention n’est pas toujours entièrement claire et de petits bogues peuvent apparaître. Pour obtenir de meilleurs résultats du chat, il est vraiment utile d’être aussi précis que possible sur l’élément auquel vous faites référence.Voici quelques conseils que nous recommandons :
- Utilisez Visual Edits pour mettre directement en évidence l’élément et décrire le changement souhaité
- Expliquez ce que vous voulez voir se produire (plutôt que ce qui ne va pas)
- Si vous répétez des prompts, essayez de reformuler avec des mots-clés comme redesign ou rebuild
- Écrivez dans votre langage naturel, plus la demande est simple et claire, plus la réponse sera précise.
Que faire si les réponses de l'IA sont lentes ou bloquées ?
Que faire si les réponses de l'IA sont lentes ou bloquées ?
Si l’IA prend trop de temps ou semble bloquée, essayez d’actualiser la page ou de renvoyer votre prompt. Cela résout généralement le problème et relance les choses.
Comment puis-je mieux prompter pour éviter de perdre les modifications de code avec du code généré par l'IA ?
Comment puis-je mieux prompter pour éviter de perdre les modifications de code avec du code généré par l'IA ?
Lorsque vous travaillez avec du code généré par l’IA, les résultats peuvent ne pas toujours être conformes à vos attentes. Pour réduire le risque de perdre vos modifications :
- Utilisez les contrôles de l’IA pour ajouter des instructions personnalisées ou des notes importantes que vous voulez que l’IA retienne pour chaque prompt.
- Répétez tous les détails ou exigences critiques dans vos prompts, surtout lorsque le contexte compte.
- Enregistrez régulièrement votre travail et conservez des copies de sauvegarde des versions importantes de votre code.
- Rappelez-vous que prompter efficacement est une compétence. Avec l’expérience et l’amélioration des outils IA, vos résultats s’amélioreront.
- Examinez attentivement à la fois vos prompts et la sortie de l’IA pour vous assurer que votre contexte et vos exigences sont gérés comme vous le souhaitez.
Cette page a été traduite à l’aide de l’IA. Pour les informations les plus précises et à jour, consultez la version anglaise.