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

# Appliquer un système de design à une application existante

> Reconstruisez le look d'un artefact existant selon votre système de design, depuis le canvas ou le composeur, et ce que signifie l'avertissement sur le temps et les crédits.

Un système de design n'est pas réservé aux nouveaux travaux : vous pouvez l'appliquer à un artefact existant, et Agent reconstruit l'apparence de l'artefact selon le système.

<Steps>
  <Step title="Choisir la cible">
    Ouvrez le projet contenant l'artefact que vous souhaitez restyliser.
  </Step>

  <Step title="Appliquer le système">
    Depuis le canvas : sélectionnez la frame cible, ouvrez son menu **⋯**, puis choisissez **Apply design system**. Ou demandez-le dans le composeur (une reconstruction par Agent) : *« applique mon système de design à cette application »*.

    <Frame>
      <img src="https://mintcdn.com/replit/9Q_lVrxG2Dh35jz1/images/design/replit-design/ds-apply-menu.png?fit=max&auto=format&n=9Q_lVrxG2Dh35jz1&q=85&s=ff9f762ff7fcfbb4f43500d0f662d71d" alt="Le menu à trois points de la frame avec Apply design system mis en évidence" width="400" height="180" data-path="images/design/replit-design/ds-apply-menu.png" />
    </Frame>
  </Step>

  <Step title="Confirmer la reconstruction">
    Appliquer un système à un travail existant est une véritable reconstruction : vous verrez un **avertissement sur le temps et les crédits** avant qu'elle ne démarre. C'est normal : Agent régénère la couche de style de l'artefact, il ne remplace pas simplement une feuille de style.
  </Step>

  <Step title="Vérifier le résultat">
    Vérifiez les écrans clés par rapport au système. Les modifications ultérieures continuent d'utiliser le système ; si vous repérez un retour à l'ancien style, signalez-le dans le chat.
  </Step>
</Steps>