> ## 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.

# Concevez votre premier écran

> Générez vos premières frames de design à partir d'un prompt sur Replit Design, explorez les suggestions de l'IA, et continuez à itérer, sans expérience de design requise.

Dans ce guide de démarrage rapide, vous allez générer vos premières frames de design à partir d'un prompt en langage naturel, puis utiliser les suggestions de l'IA pour explorer de nouvelles directions en un clic. Aucune expérience de design n'est nécessaire, vous pilotez en choisissant ce que vous aimez.

<Steps>
  <Step title="Ouvrez Replit Design">
    Allez sur [replit.com/design](https://replit.com/design). La zone de prompt au premier plan est l'endroit où votre design commence.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/design-hero.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=9936d9ed0024a66cfad69c01858bb73f" alt="La page d'accueil de Replit Design avec une zone de prompt indiquant Describe what you want to design, et les options Import URL, Import Figma, Recreate screenshot, et Start with a design system en dessous" width="889" height="414" data-path="images/design/replit-design/design-hero.png" />
    </Frame>

    <Note>
      Déjà dans votre espace de travail ? Sélectionnez plutôt **Design** sous le champ de création sur la page d'accueil de votre espace de travail. Le champ passe en mode design et une puce **Design** apparaît dans la zone de prompt.

      <Frame>
        <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/design-pill.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=f719dfa884a772e9ee10602cea462f74" alt="Le champ de création sur la page d'accueil de l'espace de travail avec Design sélectionné, montrant la puce Design dans la zone de prompt" width="800" height="270" data-path="images/design/replit-design/design-pill.png" />
      </Frame>
    </Note>
  </Step>

  <Step title="Décrivez ce que vous voulez concevoir">
    Écrivez votre prompt comme si vous briefiez un ami designer : ce que c'est, à qui c'est destiné, et l'ambiance que vous avez en tête. Par exemple : *« Une page d'atterrissage pour un service de location de supercars, audacieuse, sombre, cinématographique. »* Puis validez.
  </Step>

  <Step title="Regardez Design construire">
    Agent récupère votre prompt et commence à construire, en rapportant sa progression dans le panneau de discussion au fur et à mesure.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/design-building.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=05dd7f12861379619e1b4cb0e9297cda" alt="La page d'accueil de Replit Design avec le panneau de discussion traitant le prompt pour une application de location de supercars de luxe, rapportant qu'il crée l'artefact Velocity" width="2000" height="1254" data-path="images/design/replit-design/design-building.png" />
    </Frame>
  </Step>

  <Step title="Examinez vos premières frames">
    Votre design apparaît comme une frame sur le canvas. Laissez-lui un instant, puis examinez-le en taille réelle.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/first-frames.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=a5ede17a7fc66686789eeaa9b76a949e" alt="La page de location de supercars Velocity générée, examinée en taille réelle en mode focus, avec un bouton Exit focus en haut du tableau" width="1600" height="1003" data-path="images/design/replit-design/first-frames.png" />
    </Frame>
  </Step>

  <Step title="Continuez à générer avec les suggestions">
    Sélectionnez la frame que vous préférez. Des suggestions apparaissent pour ce qu'il faut concevoir ensuite ; cliquez sur l'une d'elles et une nouvelle direction se génère sous forme de frame inédite, laissant votre original intact. Continuez à cliquer jusqu'à ce que quelque chose vous convienne.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/suggestions.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=7d11114b53e2ef02252b9aa3f85336a8" alt="La frame Velocity générée sélectionnée sur le canvas avec l'exécution terminée dans le panneau de discussion et le panneau Suggested next steps s'ouvrant à côté de la frame" width="1600" height="1003" data-path="images/design/replit-design/suggestions.png" />
    </Frame>
  </Step>
</Steps>

## Étapes suivantes

* [Explorer les suggestions](/fr/design/explore-suggestions) : allez plus loin dans la boucle d'exploration.
* [Démarrer à partir d'un template](/fr/design/start-from-a-template) : commencez à partir d'un design préconstruit plutôt que d'un prompt vierge.
* [Construire votre design](/fr/design/build-your-design) : transformez la frame gagnante en une application fonctionnelle.
