- Construir o design como um novo app no mesmo projeto
- Aplicar a aparência do design a um app que você já tem
- Reverter com segurança de qualquer forma, o Agent cria um checkpoint antes de começar
Dois caminhos do frame ao app
O menu Construir… em um frame de Design selecionado cobre ambos:
O menu Construir…: crie um novo artefato, ou aplique o design a um existente.
Construir este design
Escolher Construir este design inicia um novo artefato a partir do frame. O Agent constrói o layout, o estilo e os recursos em um app ativo e funcional que chega à lista de artefatos do seu projeto.Aplicar a um app existente
O menu também lista todos os artefatos do projeto. Escolher um deles aplica o design a ele: o Agent reescreve o código do artefato para corresponder ao frame, e o frame de Design permanece no canvas como referência. É assim que você reestiliza um app que já construiu sem começar do zero.O fluxo
1
Escolha o design para construir
Decida o frame que você quer lançar. Compare candidatos lado a lado no canvas primeiro — construir encerra esta rodada de exploração, embora o Agent crie um checkpoint para que você sempre possa reverter.
2
Entregue ao Agent
Selecione o frame, escolha Construir… na barra de ações e escolha seu caminho: um novo artefato ou um existente. O Agent constrói o design, o layout, o estilo e os recursos, e informa o progresso no chat.
3
Revise a construção
O Agent informa o que mudou e cria um checkpoint. Abra o resultado para ver o design ao vivo, e continue conversando para ajustar qualquer coisa que não tenha ficado boa.
Construir um novo app a partir de um frame de Design requer Core ou Pro; aplicar um design e todos os outros recursos do Replit Design funcionam em qualquer plano. Veja Billing para detalhes de planos.
Depois de construir: torne-o real
Construir o frame te dá um app funcional com seu design já aplicado. O mockup só fingia funcionar; agora o Agent pode adicionar a coisa de verdade. Peça o que você precisa no chat:- Permita que as pessoas façam login: adicione contas de usuário com o Replit Auth, os usuários fazem login com suas contas do Replit sem nenhuma configuração, ou traga seu próprio provedor.
- Salve dados reais: armazene e recupere pedidos, mensagens e preferências com o Database integrado.
- Cobre por isso: adicione pagamentos e assinaturas com integrações de Monetização.
- Conecte outros serviços: o Agent ativa integrações automaticamente com base nos seus prompts, de e-mail a Slack a serviços do Google.
Lance e faça crescer
Quando o app funcionar, coloque-o na frente das pessoas e continue melhorando-o:- Publique: lance-o pela ferramenta de Publicação, depois veja Depois de publicar para atualizar o app em produção.
- Tenha um endereço de verdade: compre ou conecte um domínio personalizado.
- Seja encontrado: execute o SEO Agent para uma auditoria técnica com correções em um clique.
- Ouça seus visitantes: adicione o widget de feedback para que as pessoas possam relatar problemas e ideias que você pode enviar diretamente ao Agent.
- Mantenha-o saudável: acompanhe status, desempenho e uptime com o monitoramento de apps publicados.
Próximos passos
- Design vs. Build: quando começar em cada ponto de entrada.
- Crie um design system: extraia o design que você lançou para que o próximo comece alinhado com a marca.