Passer au contenu principal

Édition : des changements faciles et conversationnels

L’édition de votre application web dans Manus est aussi simple que d’avoir une conversation. Il n’est pas nécessaire d’écrire du code ou de naviguer dans des menus complexes. Vous pouvez apporter des modifications à votre site en décrivant ce que vous voulez en langage naturel, qu’il s’agisse d’ajustements simples ou de mises à jour à grande échelle.

Édition visuelle

Manus 1.5 a introduit 3 façons flexibles d’éditer vos sites web :

Contrôles de style rapides

Cliquez sur n’importe quel élément pour ouvrir un panneau de style instantané. Pas d’attente, pas de Prompt — juste un contrôle direct :
  • Couleurs : Changer les arrière-plans, le texte, les bordures
  • Typographie : Ajuster les polices, les tailles, les graisses
  • Espacement : Modifier le remplissage (padding), les marges, les écarts
  • Bordures : Mettre à jour les styles, les largeurs, le rayon
Parfait pour l’itération rapide de la conception et le réglage précis.

Édition par lots basée sur le Prompt

Pour rendre votre flux de travail encore plus efficace, Manus vous permet d’effectuer desmodifications de groupe basées sur le Prompt. Vous pouvez décrire plusieurs changements dans un seul Prompt, et Manus les regroupera intelligemment et les appliquera ensemble comme une seule mise à jour. C’est parfait pour effectuer une série d’ajustements connexes sans avoir à émettre des commandes une par une. Par exemple, vous pouvez donner une instruction unique et complète comme celle-ci :
“D’accord, faisons quelques changements. Premièrement, rendez le titre principal plus gras et changez sa couleur en bleu foncé de notre marque. Ensuite, ajustez l’espacement dans le tableau des prix pour qu’il soit plus généreux. Enfin, changez la couleur d’arrière-plan de toute la section du pied de page en gris clair.”
Manus comprendra les différentes requêtes dans votre Prompt et les exécutera toutes en une seule fois, vous faisant gagner du temps et des efforts.
Type d’éditionExemple de Prompt
Style"Changez la police de tous les titres en Georgia."
Mise en page"Augmentez l'espacement entre les éléments de cette liste."
Contenu"Changez le texte du bouton principal en 'Commencer maintenant'."
Structure"Dupliquez cette section et placez-la sous le formulaire de contact."

AI Edit : Votre partenaire créatif

Pour des changements plus complexes ou créatifs, vous pouvez utiliser la fonctionnalité d’édition AI. Sélectionnez simplement un élément et demandez à Manus de l’améliorer. C’est comme avoir un consultant en design et un rédacteur à portée de main.
ObjectifExemple de Prompt
Améliorer la copie"Réécrivez ce titre pour qu'il soit plus engageant et axé sur les avantages."
Améliorer le design"Suggérez une meilleure palette de couleurs, plus moderne, pour cette section."
Affiner la mise en page"Restructurez cette liste de fonctionnalités pour qu'elle soit plus attrayante visuellement et plus facile à parcourir."
Manus vous fournira des suggestions et appliquera les changements pour vous, facilitant l’élévation de votre design et de votre contenu au-delà de la qualité de votre contenu. Manus offre une expérience fluide pour l’édition et la prévisualisation de votre application web en temps réel. Cela permet une itération rapide et garantit que vous pouvez visualiser les changements au fur et à mesure que vous les effectuez.

Prévisualisation : Voir votre application en temps réel

Manus fournit un aperçu interactif et en direct de votre application web tout au long du processus de développement. Cela vous permet de voir vos changements au fur et à mesure qu’ils se produisent et de tester la fonctionnalité de votre application dans un environnement réel.

Bureau/Mobile

La fenêtre de prévisualisation vous permet de basculer entre les vues bureau et mobile, garantissant que votre application est réactive et a fière allure sur tous les appareils. Vous pouvez tester l’expérience utilisateur sur différentes tailles d’écran et effectuer des ajustements au besoin pour optimiser à la fois pour les utilisateurs de bureau et mobiles.

Chemin

La fenêtre de prévisualisation comprend une barre d’URL qui affiche le chemin actuel de la page que vous consultez. Ceci est utile pour naviguer vers des pages spécifiques au sein de votre application et pour comprendre la structure d’URL de votre site.

Plein écran

Pour une expérience plus immersive, vous pouvez étendre la prévisualisation en mode plein écran. Ceci est particulièrement utile pour présenter votre application aux parties prenantes ou pour avoir une meilleure idée de l’apparence générale de votre site sans la distraction de l’interface environnante.

Aperçu en direct

Un aperçu interactif et en direct de votre application est disponible dès le début du processus de développement. Cela vous permet de voir les résultats de vos requêtes instantanément et de fournir des commentaires pour des ajustements. L’aperçu en direct est une partie essentielle du processus de développement itératif, vous permettant d’affiner votre application avec des commandes en langage naturel et de voir les changements se refléter immédiatement.