En este artículo se explica qué es Duda Vibe, qué puede crear con él, cuándo usar Vibe en lugar del editor, cómo empezar a usar Duda Vibe y qué acciones se admiten.
Nota
Descargo de responsabilidad: Duda Vibe se encuentra actualmente en fase beta. Al usar esta función, usted reconoce que es experimental, que puede contener un comportamiento inesperado y que está sujeta a modificaciones en cualquier momento.
Duda Vibe te permite crear experiencias web totalmente personalizadas a través de la conversación. Describa lo que quiere y Vibe generará una aplicación funcional con diseño, lógica y contenido. A partir de ahí, perfecciónelo con instrucciones de seguimiento, edítelo directamente en la página con inteligencia artificial o revise el código. Úsalo para cualquier cosa que requiera una experiencia web personalizada, desde portales de clientes y herramientas interactivas hasta diseños web personalizados de alta gama y mucho más.
Le recomendamos que vea nuestro Descripción general de Duda Vibe vídeo publicado en Duda Academy para obtener una visión general de Vibe y ver la herramienta en acción.
Duda Vibe se puede utilizar para crear una amplia gama de experiencias web personalizadas que ayudan a hacer crecer su negocio y, al mismo tiempo, a impulsar la participación y la retención de los clientes.
Ejemplos de lo que puede crear con Duda Vibe:
-
Sitios web con muchos elementos interactivos y animaciones.
-
Herramientas empresariales que se pueden usar internamente, para aumentar la participación o para vender a los clientes.
-
Portales o paneles que ayudan a aumentar la retención de clientes.
-
Presentaciones de diapositivas para presentaciones.
Como Duda Vibe genera aplicaciones completas, estas experiencias pueden incluir interfaces de usuario, almacenamiento de datos, autenticación, lógica empresarial e integraciones.
Empieza por describir lo que quieres construir en un lenguaje sencillo. Duda Vibe utiliza la inteligencia artificial para generar una solución completa basada en sus 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.
Las aplicaciones se generan con React y TypeScript, lo que proporciona una base que se puede personalizar y ampliar a medida que evolucionan sus necesidades. Puedes seguir perfeccionando la experiencia con instrucciones adicionales o realizar modificaciones manuales directamente en el editor visual o en el
Para obtener más información sobre cómo crear con Vibe, consulte Cree un proyecto con Duda Vibe.
A continuación se muestran algunas de las acciones y funciones compatibles disponibles en Duda Vibe:
-
Escriba su mensaje o chat o utilice nuestra herramienta de dictado para pronunciar su mensaje o 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.
-
La biblioteca de bloques te permite seleccionar bloques de contenido prediseñados y añadirlos a tu proyecto. Los tipos de bloques incluyen elementos textuales, visuales, interactivos, de diseño, multimedia o basados en datos. Por ejemplo, ofrecemos bloques con una lista de marquesinas, un calendario de eventos, una inserción en Spotify, un folioscopio en PDF y mucho
-
Las ediciones visuales permiten editar la tipografía, el fondo, el espaciado, el borde y los efectos de un elemento seleccionado. Puede realizar cambios en el panel de ediciones visuales y ver una vista previa antes
-
[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.
-
configuración del tema te permite definir colores y estilos de fuente para tu proyecto. Ofrecemos paletas de colores seleccionadas y estilos de fuente preestablecidos para elegir. Sin embargo, también puedes diseñar cada elemento de forma individual para que se adapte mejor a tu marca
-
El historial de versiones le permite realizar un seguimiento de los cambios y volver fácilmente a una versión anterior si es necesario. Esto te permite experimentar libremente y probar nuevos cambios sin preocuparte por interrumpir tu proyecto y perder el progreso
-
[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.
-
Consulta los análisis de SEO y AEO con las directrices de rendimiento (si procede) desde el panel de control del proyecto.
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.