Añade un bloque Vibe de la biblioteca de bloques a tu página. Lo encontrarás en la categoría «Otros» o directamente en la lista de categorías que aparece debajo Zero Block.

Escribe una indicación en el campo de entrada para generar el bloque. Cuando hayas terminado, haz clic en el botón «Enviar» o pulsa la tecla Intro del teclado.

Para seleccionar un modelo de IA para la generación de código, haz clic en el nombre del modelo que aparece debajo del campo de entrada.

Para adjuntar imágenes que la IA tenga en cuenta durante la generación, haz clic en el icono del clip.

Haz clic en el icono del signo de interrogación para ver ejemplos de indicaciones para generar un bloque o utilizarlas como punto de partida para crear tu propia indicación.

Haz clic en cualquier ejemplo de comando para utilizarlo.

También puedes ver una vista previa de un ejemplo de plantilla en forma de demostración en vivo en una página aparte, como por ejemplo una portada.

Para copiar el código del bloque generado, haz clic en «Copiar el código». El bloque se añadirá automáticamente a tu página.

Haz clic en «Aplicar solicitud» para abrir el editor y modificar tu solicitud. En el editor, también puedes adjuntar imágenes o seleccionar un modelo de IA diferente para la generación.

Una vez generado el bloque, el chat de IA mostrará el mensaje «¡Listo!» para indicar que el bloque ya está listo para su uso. Debajo del mensaje, verás las opciones para copiarlo, volver a generarlo o eliminarlo.

En el chat, puedes desplegar la respuesta de la IA para ver y copiar el código.

Para ver el código completo, haz clic en «Código» en el panel superior para abrir el editor, donde podrás editarlo manualmente y personalizar aún más el bloque.

Para obtener el mejor resultado, puedes volver a generar el código del bloque perfeccionando tu solicitud original o introducir una solicitud completamente nueva.

Por ejemplo, basta con que describas lo que hay que cambiar en el bloque, y la IA actualizará el código en consecuencia.

De forma predeterminada, el bloque muestra la última versión generada. Para ver una versión anterior, haz clic en el icono del ojo. Para aplicarla, haz clic en «Aplicar».

Con esta opción, puedes alternar entre las diferentes versiones del bloque. Para guardar el resultado, solo tienes que cerrar la ventana del chat de IA.

Para volver a editar el bloque después de cerrar el chat, haz clic en el botón «Editor de bloques».

Para editar cualquier elemento de un bloque generado, haz clic en él y se abrirá una ventana emergente de edición de contenido.

Escribe el texto en el campo de contenido, guarda los cambios y aparecerán en el bloque.

Para ver y editar el código de un elemento concreto, haz clic en el icono de la flecha.

Si necesitas más comodidad a la hora de editar el código del bloque, haz clic en el icono de código para abrir el editor.

Vibe Block incluye límites de solicitudes gratuitas en todos los planes de precios de forma predeterminada. En la tabla siguiente se indica el número de solicitudes que puedes realizar cada 12 horas y al mes, en función de tu plan de precios.