Saltar para o conteúdo principal

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.

⏰ Tempo estimado: 5 minutos · Continuação de Crie seu primeiro aplicativo O Canvas é um espaço visual onde você pode explorar múltiplas direções de design antes de criar seu aplicativo. Gere mockups, compare-os lado a lado e aplique o que mais gostar.

​
Antes de começar

Você precisará de um aplicativo existente no Replit — do guia de início rápido Crie seu primeiro aplicativo ou de qualquer projeto.
Você também pode começar do zero — basta criar um novo projeto e descrever sua ideia ao Agent primeiro.

​
Crie o design do seu aplicativo

1

Explore variações de design

Abra a aba Canvas no Editor de Projetos e clique em Reimaginar. Um menu suspenso oferece prompts rápidos para explorar diferentes direções. Escolha “Experimentar layouts diferentes” e o Agent gera vários mockups de design no Canvas.
Aqui estão todas as opções disponíveis:
  • Explorar abordagens diferentes
  • Experimentar layouts diferentes
  • Explorar estilos diferentes
  • Mais como este, mas melhor
  • Otimizar para usabilidade
  • Mostrar o oposto disto
  • Me surpreenda
Ou você pode simplesmente pedir ao Agent para gerar variações com suas próprias palavras:
Mostre-me um tema escuro, um tema minimalista e um tema colorido no Canvas
Canvas mostrando múltiplas variações de design lado a lado
2

Escolha uma direção

Navegue pelas variações e escolha a que melhor se encaixa na sua visão. Você pode pedir ao Agent para refinar uma variação específica antes de confirmar:
Gostei da segunda, mas deixe o cabeçalho maior
3

Aplique ao seu aplicativo

Quando estiver satisfeito com um design, peça ao Agent para aplicá-lo:
Aplique este design ao meu aplicativo
O Agent atualiza o código do seu aplicativo para corresponder ao design escolhido. Verifique a aba Visualização para ver o resultado.
4

Publique seu aplicativo atualizado (opcional)

Clique em Publicar no Editor de Projetos para colocar o novo design no ar. Sua URL existente permanece a mesma. Os visitantes verão a versão atualizada imediatamente.
Saiba mais sobre publicação em Publicar seu aplicativo.

​
Próximos passos

Canvas

Aprofunde-se nos recursos e fluxos de trabalho do Canvas.

Editor Visual

Faça ajustes precisos em cores, texto e layout.

Expandir seu projeto

Adicione um aplicativo mobile, apresentação de slides ou outros artefatos ao seu projeto.