Este artigo explica como criar um novo projeto com o Duda Vibe e começar a editar o seu projeto.
Observação
Aviso: Duda Vibe está atualmente em versão beta. Ao utilizar esta funcionalidade, você reconhece que ela é experimental, pode apresentar comportamentos inesperados e está sujeita a modificações a qualquer momento.
Para criar um novo projeto com o Duda Vibe, na lista de projetos clique em + Novo Projeto e selecione Criar qualquer coisa.
Digite sua ideia na caixa de texto usando linguagem natural ou clique no ícone do microfone para usar a função de fala para texto. Recomendamos selecionar o modo Planejar no menu suspenso para que o Copilot possa fazer perguntas de esclarecimento antes de começar a construir.
Opcionalmente, você pode anexar arquivos, adicionar um link e selecionar entre estilos de design predefinidos. Clique no ícone de mais para acessar essas configurações.
Clique na seta laranja para enviar sua solicitação de planejamento ou construção. Observe que o Vibe pode levar alguns minutos para analisar sua ideia.
O editor Vibe é aberto e, a partir daí, você pode continuar editando e refinando sua ideia, fazendo edições visuais ou solicitando alterações ao Copilot.
Oferecemos projetos Vibe pré-fabricados para servir de inspiração ou como base para o seu projeto.
Para visualizar inspirações, no painel de controle, clique em +Novo Projeto e selecione Criar Qualquer Coisa. Desça a página até a seção "Ideias para experimentar" abaixo do campo de sugestões do Vibe.
Clique no cartão desejado e clique em Visualizar. Se você decidir usá-lo, clique em "Experimentar Prompt".
O comando é inserido automaticamente no Copilot, onde você pode modificá-lo conforme necessário.
Edições visuais são alterações feitas no estilo do elemento selecionado. Algumas edições visuais podem ser feitas manualmente, como duplicar um elemento ou redefinir o espaçamento, enquanto alterações de estilo mais complexas podem ser solicitadas através do Copilot.
Para fazer edições visuais, primeiro certifique-se de estar na aba Exibir do editor Vibe e, em seguida, clique em Edições Visuais na barra superior.
Clique em um elemento para selecioná-lo e editá-lo. O elemento selecionado é contornado em azul e uma barra flutuante aparece, permitindo que você faça alterações rápidas, como duplicar o elemento, redefinir o espaçamento, excluí-lo ou editá-lo com IA.
O painel de Edições Visuais também abre no lado direito da tela. A partir daqui, você pode ajustar manualmente configurações de design mais detalhadas para o elemento selecionado. Observe que as configurações de design variam de acordo com o elemento selecionado.
Se você clicar em "Editar com IA" na barra flutuante, um campo de bate-papo aparecerá na barra flutuante, onde você poderá inserir as alterações de design desejadas. Clique na seta para cima e no botão "Enviar" para solicitar as alterações.