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

# Comece a partir de um template

> Remixe um template em destaque em um projeto seu, abra-o no Replit Design e restilize-o até torná-lo seu.

⏰ *Tempo estimado: 10 minutos*

Um template oferece um ponto de partida avançado: um design pronto que você copia e transforma no seu. Neste guia, você vai remixar um template em destaque em um projeto seu, abri-lo no Replit Design e restilizá-lo, sem precisar de um prompt em branco.

## Antes de começar

Você precisa de uma [conta Replit](https://replit.com). Nada mais: remixar e restilizar acontece com cliques e prompts.

## Remixe um template no seu projeto

Este guia usa o **Supercar showcase** (Apex 01) como exemplo. Qualquer template funciona da mesma forma.

<Steps>
  <Step title="Escolha um template">
    Escolha um template para começar. Ao selecionar um, sua página de capa é aberta, com uma prévia ao vivo e opções de compartilhamento. Aqui estão alguns:

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

    Procurando outra coisa? Explore mais templates em [replit.com/design](https://replit.com/design): landing pages, pôsteres, posts para redes sociais, mobile e protótipos.
  </Step>

  <Step title="Remixe-o">
    Selecione **Remix this App** para fazer sua própria cópia. Novo em remixes? Veja [Remixar um app](/pt/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="A página de capa do template Apex 01 com os botões View live app, Remix this App, Copy e de compartilhamento" width="605" height="399" data-path="images/design/replit-design/template-remix.png" />
    </Frame>
  </Step>

  <Step title="Dê um nome a ele">
    Dê um nome à sua cópia e, opcionalmente, uma descrição, depois selecione **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="A caixa de diálogo Remix App com campos de nome e descrição e o botão Remix App" width="578" height="436" data-path="images/design/replit-design/template-remix-name.png" />
    </Frame>
  </Step>

  <Step title="Encontre sua cópia no Replit Design">
    Sua cópia é aberta no Replit Design com o template como um frame no canvas. Este agora é o seu projeto; nada do que você fizer aqui afeta o 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="O template Apex 01 remixado aberto no Replit Design, com o frame do superesportivo APEX X1 no canvas, a caixa de prompt de design e a barra de ferramentas" width="2000" height="1255" data-path="images/design/replit-design/design-vs-build-project.png" />
    </Frame>
  </Step>
</Steps>

## Deixe do seu jeito

Selecione o frame do template e comece a remodelá-lo:

* **Siga uma [sugestão](/pt/design/explore-suggestions)**: novas direções geram novos frames, então o original permanece disponível para comparação.
* **[Converse sobre ele](/pt/design/chat-about-your-design)**: selecione o frame e explique ao Agent com suas próprias palavras, *"cores mais quentes"*, *"troque o carro do hero por um roadster vintage"*.

<Frame caption="O frame Apex X1 no canvas, com o Agent respondendo a uma sugestão e propondo próximos passos.">
  <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="O frame Apex X1 no canvas com o painel de chat mostrando o Agent explorando diferentes abordagens e oferecendo sugestões de continuidade para levar o design mais adiante" width="1600" height="1004" data-path="images/design/replit-design/template-make-it-yours.webp" />
</Frame>

Continue até que o design pareça seu, e não do template.

## Já está no meio de um design?

Se você está explorando em um projeto existente e quer um template dentro do design que já tem, não remixe; adicione um pelo painel de biblioteca. Veja [Adicionar templates e inspirações](/pt/design/add-templates-and-inspiration).

## Próximos passos

* [Construa seu design](/pt/design/build-your-design): transforme o template restilizado em um app funcional.
* [Crie um sistema de design](/pt/design/create-a-design-system): extraia um sistema da sua versão para que tudo o que você fizer depois combine com ele.
