> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Éditions visuelles

> Apportez des modifications de design précises directement sur l'interface.

Les Éditions visuelles de Lumi vous permettent de sélectionner n'importe quel élément sur votre page pour le modifier directement. Mettez instantanément à jour des propriétés comme le texte et la couleur, ou utilisez des prompts pour ajuster la fonctionnalité et la mise en page. C'est l'outil idéal pour effectuer des changements rapides et ciblés sans écrire de code ni utiliser l'IA.

<Note>
  **Remarque :** L'utilisation des Éditions visuelles ne consomme pas de crédits.
</Note>

<img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/VE.gif?s=c13d93006af083d7b1bad8f01ce4cebd" alt="VE Gi" width="1280" height="720" data-path="images/VE.gif" />

## Quand utiliser les Éditions visuelles

Les Éditions visuelles sont idéales lorsque vous souhaitez :

* Modifier le texte statique ou le contenu multimédia de votre site.
* Mettre à jour la typographie, y compris les polices, les tailles et les styles.
* Modifier les couleurs du texte, des boutons ou d'autres éléments.
* Sélectionner un élément spécifique et utiliser un prompt pour modifier son apparence visuelle ou sa fonctionnalité. Veuillez noter que ces prompts consomment des crédits, tout comme un message standard.
* Appliquez des modifications assistées par IA aux images existantes de votre site via des prompts. Veuillez noter que la fonction "Modifier avec l'IA" consomme des crédits de discussion tout comme un message standard.

  <img src="https://mintcdn.com/blockdance/Si-KBGUqnPsHTPfG/images/%E5%8F%AF%E8%A7%86%E5%8C%96%E7%BC%96%E8%BE%91.PNG?fit=max&auto=format&n=Si-KBGUqnPsHTPfG&q=85&s=9629b8803fd29e92b4e5002857ab40ca" alt="可视化编辑" width="1280" height="962" data-path="images/可视化编辑.PNG" />

## Comment utiliser les Éditions visuelles

<Steps>
  <Step title="Localiser les Éditions visuelles">
    Vous pouvez trouver cet outil soit dans la zone de saisie, soit dans la barre d'outils supérieure en mode Aperçu.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-184540.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=7d2c75ec60807782e3844a5afd94751d" alt="20250911 184540 Jpe" width="3840" height="1916" data-path="images/20250911-184540.jpeg" />
  </Step>

  <Step title="Activer l'outil">
    Cliquez sur le bouton pour passer en mode Éditions visuelles.
  </Step>

  <Step title="Sélectionner un élément">
    Passez la souris sur l'élément que vous souhaitez modifier — un titre, un bouton, une image ou une section d'arrière-plan — et cliquez pour le sélectionner.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-184025.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=9637a2ab63470ab62b99069f401b6b07" alt="20250911 184025 Jpe" width="1905" height="1186" data-path="images/20250911-184025.jpeg" />
  </Step>

  <Step title="Éditer via un prompt ou des contrôles directs">
    Une fois un élément sélectionné, tapez une commande comme « Mettre ce titre en gras » ou utilisez l'éditeur contextuel pour modifier directement le texte, les polices et les couleurs.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-183835.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=71158959d69d6ca9639c73ceb4bc5e0b" alt="20250911 183835 Jpe" width="1076" height="1344" data-path="images/20250911-183835.jpeg" />
  </Step>

  <Step title="Appliquer et vérifier">
    Cliquez sur « Enregistrer » pour confirmer vos modifications. Lumi mettra instantanément à jour l'aperçu en direct et le code correspondant.
  </Step>
</Steps>
