Este artículo explica qué es Duda Vibe, qué puedes construir con él, cuándo usar Vibe frente a Editor, cómo empezar a usar Duda Vibe y qué acciones están soportadas.
Nota
Aviso legal: Duda Vibe está actualmente en beta. Al usar esta función, reconoces que es experimental, puede contener comportamientos inesperados y está sujeta a modificaciones en cualquier momento.
Duda Vibe te permite crear experiencias sitio web totalmente personalizadas a través de la conversación. Describe lo que quieres y Vibe genera una aplicación funcional, completa con diseño, lógica y contenido. A partir de ahí, refina con preguntas de seguimiento, edita directamente en la página con IA o revisa el código. Úsalo para cualquier cosa que requiera una experiencia sitio web personalizado, desde portales de clientes y tool interactivos hasta diseño sitio web personalizado de alta gama y mucho más.
Recomendamos ver nuestro video de resumen de Duda Vibe en Duda Academy para una visión general de Vibe y para ver la tool en acción.
Duda Vibe puede emplear para crear una amplia gama de experiencias sitio web personalizadas que ayuden a escalar tu negocio y, al mismo tiempo, fomentan la participación y la retención de clientes.
Ejemplos de lo que puedes construir con Duda Vibe:
-
Sitios web con muchos elementos interactivos y animación.
-
tool de negocio que pueden usar internamente, para aumentar la interacció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 full-stack, estas experiencias pueden incluir interfaces de usuario, almacenamiento de datos, autenticación, lógica de negocio e integraciones.
Duda's Editor y Duda Vibe están diseñados para funcionar juntos, con cada plataforma cumpliendo un propósito distinto. Recomendamos usar el Duda Editor para crear sitios web de alto rendimiento que generen clientes potenciales y tengan buenos resultados en los resultados de búsqueda. Emplea Duda Vibe para crear funcionalidades personalizadas y experiencias interactivas que vayan más allá de un sitio web tradicional.
Empieza describiendo lo que quieres construir en lenguaje sencillo. Duda Vibe emplea IA para generar una solución completa basada en tus necesidades.
Las aplicaciones se generan usando React y TypeScript, proporcionando una base que puede personalizar y ampliar a medida que evolucionen tus necesidades. Puedes seguir perfeccionando la experiencia mediante indicaciones adicionales o hacer modificaciones manuales directamente en el editor visual o en el código generado.
Para saber más sobre cómo construir con Vibe, consulta Crear un proyecto con Duda Vibe.
A continuación, algunas de las acciones y características compatibles disponibles en Duda Vibe:
-
Escribe tu prompt/chat o usa nuestro tool de dictado para hablar de tu prompt/chat.
-
La biblioteca de bloques te permite seleccionar entre bloques de contenido preconstruidos y agregarlos a tu proyecto. Los tipos de bloques incluyen texto, visuales, interactivos, diseños, medios o elementos basados en datos. Por ejemplo, ofrecemos bloques con una lista de afiches, calendario de eventos, incrustación de Spotify, flip book en PDF y más.
-
Las ediciones visuales permiten editar la tipografía, fondo, espaciado, borde y efectos de un elemento seleccionado. Puedes hacer cambios en el panel de ediciones visuales y ver una vista previa antes de aplicar los cambios.
Ten en cuenta que las ediciones visuales disponibles dependen del elemento seleccionado. Por ejemplo, la tipografía no está disponible para editar en una imagen, pero sí el texto alternativo.
-
La configuración de temas te permite definir colores y estilos de fuente para tu proyecto. Ofrecemos paletas de colores seleccionadas y estilos de fuente predefinidos para elegir, aunque también puedes estilizar cada elemento individualmente para adaptarlo mejor a tu marca.
-
El historial de versiones te permite registrar 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 romper tu proyecto y perder progreso.
-
Consulta análisis de SEO y AEO con directrices de rendimiento (si procede) desde el panel de control del proyecto.
Mientras Vibe está en fase de pruebas, existen varias limitaciones a tener en cuenta:
-
Los clientes solo pueden ver y no pueden hacer ediciones en los proyectos de Vibe.
-
El mapa del sitio no se genera por defecto.
-
Las metaetiquetas no se generan por defecto.
Ten en cuenta que estas limitaciones se abordarán en una fase posterior.