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

# Explorar sugestões

> Selecione um frame de design e o Replit Design sugere o que criar em seguida; um clique gera uma nova direção, e a vencedora pode ser aplicada ao seu app.

As sugestões são o centro da interface do Replit Design. Em vez de encarar uma caixa de prompt em branco e precisar saber o que pedir, você seleciona um frame de design e o Replit Design propõe o que tentar em seguida. Cada sugestão está a um clique de se tornar uma nova geração.

<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="Um frame de Website selecionado mostrando um hero do supercarro APEX X1, com um painel de Próximos passos sugeridos ao lado oferecendo chips de sugestão como Explorar abordagens diferentes, Tentar layouts diferentes, Explorar vibes diferentes e Me surpreenda" width="2000" height="1254" data-path="images/design/replit-design/ambient-iq.png" />
</Frame>

## Como as sugestões funcionam

Quando você seleciona um frame de design gerado, sugestões aparecem ao lado dele. Elas são baseadas no que você está vendo, então explorar não exige vocabulário de design. Clique em uma e o Replit Design gera o resultado como um novo frame; o original permanece no lugar.

## O que as sugestões propõem

As sugestões respondem a diferentes perguntas de exploração:

* **Um novo visual**: o mesmo design em uma direção diferente, como uma variante editorial escura ou um layout diferente.
* **Uma extensão**: uma seção ou página que seu design sugere, mas ainda não tem, como uma seção de preços ou uma página de contato.
* **Um novo contexto**: seu design em outro lugar, como uma viewport mobile.

## Explore com sugestões

O ciclo é propositalmente curto:

<Steps>
  <Step title="Selecione um frame gerado">
    Clique em qualquer frame de design gerado no 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="Um frame de Design rotulado APEX X1 Exact Replica mostrando uma página hero de supercarro cinza no canvas" width="2000" height="1252" data-path="images/design/replit-design/ambient-select-frame.png" />
    </Frame>
  </Step>

  <Step title="Escolha uma sugestão">
    Sugestões aparecem ao lado do frame selecionado, baseadas no que você está vendo. Revise-as e clique em uma; você não precisa adicionar nada.
  </Step>

  <Step title="O Agent constrói ao clicar">
    No momento em que você clica, o Agent começa a construir a sugestão como um novo frame ao lado do original. Seus frames anteriores permanecem no canvas, então nada se perde ao explorar.

    <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="Um novo frame de Design intitulado 'Add Saturation on Scroll' sendo renderizado como um layout esqueleto com um indicador de Building…, ao lado do frame original APEX X1" width="2000" height="1252" data-path="images/design/replit-design/ambient-suggestion-building.png" />
    </Frame>
  </Step>

  <Step title="Observe as mudanças">
    O frame finalizado aparece ao lado do original para que você possa compará-los lado a lado. O painel de chat resume o que mudou.

    <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="Dois frames de Design finalizados lado a lado no canvas, o original APEX X1 Exact Replica e a variante concluída Add Saturation on Scroll, com um resumo 'Run complete' no painel de chat" width="2000" height="1189" data-path="images/design/replit-design/ambient-suggestion-result.png" />
    </Frame>
  </Step>

  <Step title="Aplique o design vencedor ao seu app">
    Continue selecionando e ramificando até que uma direção pareça certa; novas sugestões aparecem para qualquer frame que você selecionar. O vencedor não precisa continuar sendo um mockup: selecione-o, escolha **Build…** na barra de ações e escolha seu app existente em **Apply to an existing creation**. O Agent reescreve o código do app para corresponder ao design, deixando o frame no canvas como referência.

    <Frame caption="O menu Build: aplique o frame vencedor a um app que você já tem.">
      <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="O menu Build aberto em uma variante selecionada com duas opções: 'Build this design', que cria um novo artefato, e 'Apply to an existing creation' listando o artefato Website do projeto" width="2000" height="1226" data-path="images/design/replit-design/explore-variants-apply.png" />
    </Frame>

    Veja [Construa seu design](/pt/design/build-your-design) para o fluxo completo, incluindo construir o frame como um novo app. Para refinar detalhes antes de aplicar, [refine com o chat](/pt/design/chat-about-your-design).
  </Step>
</Steps>

## Dicas

* **Explore em direções, não em etapas.** As sugestões se ramificam; seguir uma não te compromete. Gere algumas e compare no canvas.
* **Misture com suas próprias palavras.** As sugestões e a [caixa de chat de design](/pt/design/chat-about-your-design) funcionam juntas: clique em sugestões para explorar amplamente, converse para direcionar com precisão. O chat não serve apenas para polimento; uma mensagem como *"tente o menu de navegação à esquerda"* também abre uma nova direção.
* **Troque o modelo para uma sensibilidade diferente.** Cada modelo explora de um jeito diferente; veja [Explore com modelos diferentes](/pt/design/explore-with-different-models).
