Este artigo explica o que é o Duda Vibe, o que você pode criar com ele, quando usar o Vibe em vez do Editor, como começar a usar o Duda Vibe e quais ações são suportadas.
Nota
Isenção de responsabilidade: O Duda Vibe está atualmente na versão beta. Ao usar esse recurso, você reconhece que é experimental, pode conter comportamento inesperado e está sujeito a modificações a qualquer momento.
O Duda Vibe permite que você crie experiências na web totalmente personalizadas por meio de conversas. Descreva o que você quer e o Vibe gera um aplicativo funcional, completo com design, lógica e conteúdo. A partir daí, refine-o com solicitações de acompanhamento, edite diretamente na página com a IA ou revise o código. Use-o para qualquer coisa que exija uma experiência web personalizada, desde portais de clientes e ferramentas interativas até web design personalizado de alto nível e
Recomendamos assistir nosso Visão geral do Duda Vibe vídeo na Duda Academy para uma visão geral do Vibe e para ver a ferramenta em ação.
O Duda Vibe pode ser usado para criar uma ampla variedade de experiências personalizadas na web que ajudam a expandir seus negócios e, ao mesmo tempo, impulsionam o engajamento e a retenção de clientes.
Exemplos do que você pode criar com o Duda Vibe:
-
Sites com muitos elementos interativos e animações.
-
Ferramentas de negócios que podem ser usadas internamente para aumentar o engajamento ou vender aos clientes.
-
Portais ou painéis que ajudam a aumentar a retenção de clientes.
-
Decks de slides para apresentações.
Como o Duda Vibe gera aplicativos completos, essas experiências podem incluir interfaces de usuário, armazenamento de dados, autenticação, lógica de negócios e integrações.
Comece descrevendo o que você deseja criar em linguagem simples. O Duda Vibe usa IA para gerar uma solução completa com base em seus requisitos
Nota
[en] To create Vibe projects, team members need the Site creation and Copilot permissions. To edit Vibe projects, they need the Copilot permission. Using Duda Vibe also requires available AI credits. For more information, see Manage Team Members and AI Credits.
Os aplicativos são gerados usando React e TypeScript, fornecendo uma base que pode ser personalizada e ampliada à medida que suas necessidades evoluem. Você pode continuar refinando a experiência por meio de solicitações adicionais ou fazer modificações manuais diretamente no editor visual ou no código gerado
Para saber mais sobre como criar com o Vibe, consulte Crie um projeto com o Duda Vibe.
A seguir estão algumas das ações e recursos compatíveis disponíveis no Duda Vibe:
-
Digite seu prompt/chat ou use nossa ferramenta de ditado para falar seu prompt/chat.
-
[en] Conversation history. Start new conversations and switch between past ones from the conversation name at the top of the chat panel. Conversations are shared at the project level, so any team member with access to the project and Copilot permission can view, continue, rename, or delete them. After a period of inactivity, a new conversation starts automatically.
-
A biblioteca de blocos permite que você selecione blocos de conteúdo pré-construídos e adicione-os ao seu projeto. Os tipos de blocos incluem elementos de texto, visuais, interativos, layouts, mídia ou baseados em dados. Por exemplo, oferecemos blocos com uma lista de marcadores, calendário de eventos, incorporação do Spotify, flip book em PDF
-
As edições visuais permitem que você edite a tipografia, o plano de fundo, o espaçamento, a borda e os efeitos de um elemento selecionado. Você pode fazer alterações no painel de edições visuais e visualizar uma prévia antes de aplicar as alterações
-
[en] Forms. Ask Copilot to add a form, and it collects the setup details needed. Once added, form settings can be edited directly through the Manage tab or quick edits panel, without using AI credits. You can also set default form settings at the project level from the Manage tab, which apply to all forms across the project. For more information, see Built-In Project Features in Vibe.
-
As configurações do tema permitem que você defina cores e estilos de fonte para seu projeto. Oferecemos paletas de cores selecionadas e estilos de fonte predefinidos para você escolher, mas você também pode estilizar cada elemento individualmente para melhor
-
histórico de versões permite que você acompanhe as alterações e reverta facilmente para uma versão mais antiga, se necessário. Isso permite que você experimente livremente e teste novas alterações sem se preocupar em interromper seu projeto e perder o progresso
-
[en] Publishing. Publish your project on its default domain or connect a domain you already own. For more information, see Make Your Site Live: Initial Steps and DNS Record Setup.
-
Visualize análises de SEO e AEO com diretrizes de desempenho (se aplicável) no painel do projeto.
Nota
[en] The Optimization Center for Vibe projects has a different set of tools than the one for Editor sites. For more information, see SEO: Key Concepts and Tools.
-
[en] Faster, search-ready projects. Projects built on Duda Vibe version 2.0 or later load faster, and Vibe automatically handles sitemaps, canonical URLs, page titles and descriptions, and 404 pages. To check your project's version, click the menu icon at the top left of the Vibe workspace. For more information, see SEO: Key Concepts and Tools.
[en] Version 2.0 is being released gradually. New projects will be built on it, and existing projects will be updated automatically.
-
[en] Vibe on your phone. Open an existing project on your phone, then tap the Copilot icon at the top to ask Copilot for changes. To create a project, or to publish or republish one, use a desktop.
[en] Publishing a Vibe project requires an active subscription. Vibe projects share the same included site credit pool as Editor sites. If an included site credit is available, it's automatically applied to the Vibe project. If all included credits are already in use by other sites, the Vibe project is billed as its own separate subscription instead. The system always applies credits to sites in the way that results in the lowest total cost, so you don't need to choose or configure this yourself.
[en] A Vibe project billed as its own separate subscription (not funded by an included site credit) also grants additional monthly AI credits, added to your account's shared AI credit balance, usable across your account, for as long as the subscription is active. For more on AI credits, see AI Credits.
[en] To hand off a Vibe project to a client, assign the project to them in Client Management. For steps, see Manage Clients.