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

# Suggestions d'exploration

> Sélectionnez une frame de design et Replit Design suggère quoi concevoir ensuite ; un clic génère une nouvelle direction, et la version gagnante peut être appliquée à votre application.

Les suggestions sont au cœur de l'interface de Replit Design. Plutôt que de faire face à une zone de prompt vide en devant savoir quoi demander, vous sélectionnez une frame de design et Replit Design propose quoi essayer ensuite. Chaque suggestion n'est qu'à un clic de devenir une nouvelle génération.

<Frame>
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/ambient-iq.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=7f39fec76cde3f60e3a20e6c5a13d8db" alt="Une frame Website sélectionnée montrant une image principale d'une supercar APEX X1, avec un panneau Suggested next steps à côté proposant des puces de suggestion telles que Explore different approaches, Try different layouts, Explore different vibes et Surprise me" width="2000" height="1254" data-path="images/design/replit-design/ambient-iq.png" />
</Frame>

## Comment fonctionnent les suggestions

Lorsque vous sélectionnez une frame de design générée, des suggestions apparaissent à côté. Elles sont ancrées dans ce que vous regardez, donc explorer ne nécessite aucun vocabulaire de design. Cliquez sur l'une d'elles et Replit Design génère le résultat sous forme de nouvelle frame ; votre original reste en place.

## Ce que proposent les suggestions

Les suggestions répondent à différentes questions d'exploration :

* **Un nouveau look** : le même design dans une direction différente, comme une variante éditoriale sombre ou une mise en page différente.
* **Une extension** : une section ou une page que votre design sous-entend mais qui n'existe pas encore, comme une section de tarification ou une page de contact.
* **Un nouveau contexte** : votre design ailleurs, comme un affichage mobile.

## Explorer avec les suggestions

La boucle est délibérément courte :

<Steps>
  <Step title="Sélectionner une frame générée">
    Cliquez sur n'importe quelle frame de design générée sur le canvas.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/ambient-select-frame.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=0eb316c59e669b8c3f9dd9e468dc1ce4" alt="Une frame Design nommée APEX X1 Exact Replica montrant une page principale grise d'une supercar sur le canvas" width="2000" height="1252" data-path="images/design/replit-design/ambient-select-frame.png" />
    </Frame>
  </Step>

  <Step title="Choisir une suggestion">
    Les suggestions apparaissent à côté de la frame sélectionnée, ancrées dans ce que vous regardez. Passez-les en revue et cliquez sur l'une d'elles, vous n'avez rien à ajouter.
  </Step>

  <Step title="Agent la construit au clic">
    Dès que vous cliquez, Agent commence à construire la suggestion sous forme de nouvelle frame à côté de l'originale. Vos frames précédentes restent sur le canvas, donc rien n'est perdu en explorant.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/ambient-suggestion-building.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=ec2866d4a77b9a0765c1faaf9c8970e2" alt="Une nouvelle frame Design intitulée « Add Saturation on Scroll » s'affichant sous forme de mise en page squelette avec un indicateur Building…, à côté de la frame APEX X1 originale" width="2000" height="1252" data-path="images/design/replit-design/ambient-suggestion-building.png" />
    </Frame>
  </Step>

  <Step title="Observer les changements">
    La frame terminée atterrit à côté de l'originale afin que vous puissiez comparer les deux côte à côte. Le panneau de chat résume ce qui a changé.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/ambient-suggestion-result.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=576559f27cd6dba45bb3c391a7773ae5" alt="Deux frames Design terminées côte à côte sur le canvas, l'originale APEX X1 Exact Replica et la variante Add Saturation on Scroll terminée, avec un résumé « Run complete » dans le panneau de chat" width="2000" height="1189" data-path="images/design/replit-design/ambient-suggestion-result.png" />
    </Frame>
  </Step>

  <Step title="Appliquer le design gagnant à votre application">
    Continuez à sélectionner et à créer des branches jusqu'à ce qu'une direction vous convienne ; de nouvelles suggestions apparaissent pour la frame que vous sélectionnez. La gagnante n'a pas à rester une maquette : sélectionnez-la, choisissez **Build…** dans sa barre d'actions, et sélectionnez votre application existante sous **Apply to an existing creation**. Agent réécrit le code de l'application pour correspondre au design, en laissant la frame sur le canvas pour référence.

    <Frame caption="Le menu Build : appliquer la frame gagnante à une application que vous avez déjà.">
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/explore-variants-apply.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=85738e29a0bd530f30cd62352b2a986a" alt="Le menu Build ouvert sur une variante sélectionnée avec deux options : « Build this design », qui crée un nouvel artifact, et « Apply to an existing creation » listant l'artifact Website du projet" width="2000" height="1226" data-path="images/design/replit-design/explore-variants-apply.png" />
    </Frame>

    Consultez [Créer votre design](/fr/design/build-your-design) pour le flux complet, y compris la construction de la frame en tant que nouvelle application. Pour peaufiner les détails avant d'appliquer, [affinez par chat](/fr/design/chat-about-your-design).
  </Step>
</Steps>

## Astuces

* **Explorez en directions, pas en étapes.** Les suggestions se ramifient ; en suivre une ne vous engage pas. Générez-en plusieurs et comparez-les sur le canvas.
* **Mélangez vos propres mots.** Les suggestions et la [zone de chat de design](/fr/design/chat-about-your-design) fonctionnent ensemble : cliquez sur les suggestions pour explorer largement, discutez pour orienter précisément. Le chat ne sert pas seulement à peaufiner ; un message comme *« essaie la navigation à gauche »* ouvre lui aussi une nouvelle direction.
* **Changez de modèle pour une sensibilité différente.** Chaque modèle explore différemment ; voir [Explorer avec différents modèles](/fr/design/explore-with-different-models).
