Comment activer et utiliser l'Édition visuell dans Coderick AI
Décrire un changement visuel avec des mots est parfois plus compliqué qu’il n’y paraît. Demander à une IA de modifier le texte de votre en-tête ou de déplacer cet en-tête légèrement vers la gauche peut transformer une correction de deux secondes en un échange de cinq minutes. Certaines choses sont simplement plus rapides à faire manuellement.
C’est exactement pour cela que l’Édition visuelle existe. Au lieu de passer par des ajustements mineurs, vous pouvez désormais cliquer directement dans l’aperçu de votre projet et effectuer des modifications sur place.
Voici comment l’utiliser.
Comment activer l’Édition visuell
Dans votre projet Coderick, cliquez sur le bouton Édition visuell dans la barre supérieure.
Une fois activé, les éléments de votre aperçu deviennent sélectionnables et modifiables. Le bouton Édition visuell sera remplacé par deux nouveaux boutons : Enregistrer et Quitter.
Comment modifier directement dans l’écran d’aperçu
Avec l’Édition visuell activé, cliquez sur n’importe quel élément dans l’aperçu pour le sélectionner. Une barre d’outils apparaît avec des options adaptées au type d’élément.
Modifications manuelles
Texte
Cliquez sur n’importe quel élément de texte pour le modifier en ligne. Depuis la barre d’outils, vous pouvez :
- Modifier le texte directement
- Changer le type, la taille et le style de la police (gras, italique, souligné)
- Ajuster l’alignement
- Ajouter un lien ou un emoji
- Changer la couleur du texte
Boutons
Les boutons qui peuvent être modifiés visuellement ont ces options générales :
- Modifier le texte du bouton en ligne
- Changer la couleur du texte et du fond
- Ajouter ou mettre à jour un lien
Images
Cliquez sur une image pour :
- La remplacer et télécharger une image depuis votre appareil
- Générer une image avec l’IA
- Ajouter ou mettre à jour un lien
- Ajouter un texte alternatif
Enregistrer vos modifications
Les modifications manuelles sont conservées dans un tampon jusqu’à ce que vous soyez prêt à les appliquer. Lorsque vous êtes satisfait de vos modifications, cliquez sur Enregistrer pour les confirmer.
Si vous préférez recommencer, cliquez sur Quitter pour tout annuler et quitter le mode Édition visuell.
Si vous essayez d’envoyer un message dans le chat ou de quitter avec des modifications non enregistrées, Coderick vous demandera de soit enregistrer soit annuler avant de continuer afin que rien ne soit perdu par accident.
Comment modifier avec l’IA
Pour les éléments trop complexes pour des modifications manuelles, comme les menus de navigation, les pieds de page ou les boutons de connexion, vous verrez une option Modifier avec l’IA dans la barre d’outils à la place. Ces éléments ont plus de complexité en arrière-plan, donc l’AI gère les modifications pour tout garder intact.
Vous pouvez également choisir Modifier avec l’IA pour n’importe quel élément standard si vous préférez décrire le changement plutôt que le faire manuellement.
Lorsque vous cliquez sur Modifier avec l’IA sur un élément sélectionné :
- Cet élément est mis en évidence dans le panneau de chat à gauche
- Coderick AI concentre ses modifications uniquement sur cet élément spécifique
- Vous décrivez ce que vous souhaitez dans le chat, puis vous envoyez votre demande
