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

# Démarrer à partir d'un template

> Remixez un template en vedette pour en faire votre propre projet, ouvrez-le dans Replit Design, et restylisez-le jusqu'à ce qu'il soit à vous.

⏰ *Durée estimée : 10 minutes*

Un template vous donne une longueur d'avance : un design terminé que vous copiez et faites vôtre. Dans ce guide, vous allez remixer un template en vedette pour en faire votre propre projet, l'ouvrir dans Replit Design, et le restyliser, sans avoir besoin d'un prompt vide.

## Avant de commencer

Vous avez besoin d'un [compte Replit](https://replit.com). Rien d'autre : remixer et restyliser se font par clics et prompts.

## Remixer un template dans votre projet

Ce guide utilise **Supercar showcase** (Apex 01) comme exemple. N'importe quel template fonctionne de la même façon.

<Steps>
  <Step title="Choisir un template">
    Choisissez un template à partir duquel démarrer. En sélectionner un ouvre sa page de couverture, avec un aperçu en direct et des options de partage. En voici quelques-uns :

    <div className="template-gallery">
      <CardGroup cols={2}>
        <Card title="Supercar showcase" img="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/templates/supercar-showcase.webp?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=3807a96319b4d974f30bda957f6bd92e" href="https://replit.com/t/replit-gallery/repls/Apex-01/view?canvas=true" width="1920" height="1080" data-path="images/design/replit-design/templates/supercar-showcase.webp" />

        <Card title="Coffee shop landing page" img="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/templates/coffee-shop-landing-page.webp?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=40b973149d3d5b96efd9a8ccf73af241" href="https://replit.com/t/replit-gallery/repls/Lumora/view?canvas=true" width="1920" height="1080" data-path="images/design/replit-design/templates/coffee-shop-landing-page.webp" />

        <Card title="Wedding invitation" img="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/templates/wedding-invitation.webp?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=9f4fbf18f63e2ef72727030e2a835d0a" href="https://replit.com/t/replit-gallery/repls/Dreamy-Invite/view?canvas=true" width="1920" height="1080" data-path="images/design/replit-design/templates/wedding-invitation.webp" />

        <Card title="Fashion ecommerce storefront" img="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/templates/fashion-ecommerce.webp?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=324c62315f98e3746d32ae3b8e2fb591" href="https://replit.com/t/replit-gallery/repls/Fashion-Ecommerce/view?canvas=true" width="1600" height="900" data-path="images/design/replit-design/templates/fashion-ecommerce.webp" />
      </CardGroup>
    </div>

    Vous cherchez autre chose ? Explorez plus de templates sur [replit.com/design](https://replit.com/design) : pages d'atterrissage, affiches, publications sociales, mobile et prototypes.
  </Step>

  <Step title="Le remixer">
    Sélectionnez **Remix this App** pour en faire votre propre copie. Nouveau dans le remix ? Voir [Remixer une application](/fr/features/projects-and-artifacts/remix-an-app).

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/template-remix.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=08a6a0a8c6bd71d5b1a5d376802ac336" alt="La page de couverture du template Apex 01 avec les boutons View live app, Remix this App, Copy, et de partage" width="605" height="399" data-path="images/design/replit-design/template-remix.png" />
    </Frame>
  </Step>

  <Step title="Le nommer">
    Donnez un nom à votre copie et une description facultative, puis sélectionnez **Remix App**.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/template-remix-name.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=f4ce6f0953f09a25305fe9c08bc9eeeb" alt="La boîte de dialogue Remix App avec les champs de nom et de description et le bouton Remix App" width="578" height="436" data-path="images/design/replit-design/template-remix-name.png" />
    </Frame>
  </Step>

  <Step title="Retrouver votre copie dans Replit Design">
    Votre copie s'ouvre dans Replit Design avec le template sous forme de frame sur le canvas. C'est maintenant votre projet ; rien de ce que vous faites ici n'affecte l'original.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/design-vs-build-project.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=d3f7fcbc912ce59d00f6d88e41b9ba38" alt="Le template Apex 01 remixé ouvert dans Replit Design, avec la frame de la supercar APEX X1 sur le canvas, la zone de prompt de design, et la barre d'outils" width="2000" height="1255" data-path="images/design/replit-design/design-vs-build-project.png" />
    </Frame>
  </Step>
</Steps>

## Faites-en le vôtre

Sélectionnez la frame du template et commencez à la remodeler :

* **Suivez une [suggestion](/fr/design/explore-suggestions)** : les nouvelles directions génèrent de nouvelles frames, de sorte que l'originale reste disponible pour comparaison.
* **[Discutez-en](/fr/design/chat-about-your-design)** : sélectionnez la frame et briefez Agent avec vos propres mots, *« des couleurs plus chaudes »*, *« remplace la voiture principale par un roadster vintage »*.

<Frame caption="La frame Apex X1 sur le canvas, avec Agent répondant à une suggestion et proposant des suites.">
  <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/template-make-it-yours.webp?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=0e14842b7e51c3f0d207c6d7e99ad4b6" alt="La frame Apex X1 sur le canvas avec le panneau de chat montrant Agent explorant différentes approches et proposant des suggestions de suite pour pousser le design plus loin" width="1600" height="1004" data-path="images/design/replit-design/template-make-it-yours.webp" />
</Frame>

Continuez jusqu'à ce que le design se lise comme le vôtre, pas comme celui du template.

## Déjà en plein design ?

Si vous explorez dans un projet existant et voulez un template à l'intérieur du design que vous avez déjà, ne remixez pas ; ajoutez-en un depuis le panneau de bibliothèque à la place. Voir [Ajouter des templates et de l'inspiration](/fr/design/add-templates-and-inspiration).

## Étapes suivantes

* [Construire votre design](/fr/design/build-your-design) : transformez le template restylisé en application fonctionnelle.
* [Créer un système de design](/fr/design/create-a-design-system) : extrayez un système à partir de votre version pour que tout ce que vous créez ensuite lui corresponde.
