Ediciones rápidas en Vibe

Para abrir las opciones de edición rápida:

El elemento seleccionado aparece resaltado y, encima de él, aparece una barra flotante. El panel Ediciones rápidas muestra los ajustes disponibles para ese elemento.

Para editar el texto, haz doble clic en él en el lienzo y escribe. Si aparece un mensaje indicando que el texto no se puede editar directamente, pide a Copilot que realice el cambio por ti.

La barra flotante situada encima de un elemento seleccionado te permite mover, duplicar o eliminar el elemento, o bien borrar su relleno. La opción Editar añade el elemento al chat de Copilot para que puedas describir el cambio en una indicación. Es la única acción de la barra flotante que utiliza IA.

Para seleccionar el elemento que contiene el actual, haz clic en el nombre del elemento situado encima de la barra flotante.

El panel Ediciones rápidas agrupa los ajustes de diseño en secciones como Tipografía, Fondo, Espaciado, Borde, Tamaño, Efectos y Movimiento (animaciones). Las secciones que se muestran dependen del elemento que selecciones.

Algunos elementos, como los botones, también cuentan con una sección de Propiedades personalizadas con opciones específicas para ese elemento. Por ejemplo, la opción Variante permite alternar entre estilos predefinidos que utilizan los colores de tu proyecto. Para cambiar esos colores, consulta la sección Tema del proyecto en Vibe.

Al seleccionar una imagen, aparece la sección Imagen en la parte superior del panel Ediciones rápidas . En esta sección, puedes editar el texto alternativo de la imagen y utilizar la opción Tipo para elegir cómo se ajusta la imagen al espacio disponible. Algunas opciones de Tipo recortan la imagen para que ocupe todo el espacio. Cuando esto ocurra, utiliza la opción Posición para elegir qué parte de la imagen permanece visible, por ejemplo, para evitar que se corte la cara de una persona.

Para sustituir la imagen, haz clic en la vista previa de la imagen para abrir el selector de imágenes; a continuación, selecciona una imagen que ya esté en tu proyecto, elige una imagen de archivo gratuita, sube una nueva o crea una con IA. Para ver las imágenes de tu proyecto a mayor tamaño, haz clic en Vista completa.

Para recortar, girar o realizar otros cambios en la imagen, haz clic en el menú de los tres puntos que aparece en la vista previa de la imagen y, a continuación, haz clic en Editar imagen para abrir el Editor de imágenes. Para saber qué puedes hacer allí, consulta la sección Editor de imágenes.

Al seleccionar un formulario, aparece la sección Notificaciones por correo electrónico del formulario en el panel Ediciones rápidas . Activa o desactiva las opciones Notificar al propietario del sitio o Respuesta automática al remitente del formulario para ese formulario. Para cambiar el asunto, el remitente o el mensaje de un correo electrónico, haz clic en el icono de edición (lápiz) situado junto a su interruptor. En el caso de la respuesta automática, también puedes seleccionar Incluir copia del envío para enviar al visitante una copia de sus respuestas.

Para modificar el aspecto del formulario, utiliza los ajustes de diseño que se encuentran en el mismo panel, tal y como se describe en Editar ajustes de diseño.

Los cambios no se guardan en tu proyecto hasta que los guardes. El número de cambios pendientes aparece en la parte inferior del panel Ediciones rápidas .

Si intentas salir sin haber guardado los cambios, se te preguntará si deseas descartarlos. Haz clic en Seguir editando para volver atrás.

En ocasiones, puede ocurrir que un cambio no se pueda aplicar a tu proyecto. Cuando eso suceda, haz clic en Revertir para deshacer el cambio, o haz clic en Corregir con Copilot para que Copilot lo aplique por ti (esto consumirá créditos de IA).