Skip to main content
No hace falta que le describas cada pequeño cambio al agente: puedes trabajar directamente en la vista previa de tu proyecto. Haz clic en un elemento para cambiar su aspecto, reescribe el texto sobre la marcha o dibuja una marca sobre la página para señalarle al agente de qué hablas. Las ediciones visuales siempre trabajan sobre un elemento concreto. Eliges un elemento de la página, ves los ajustes disponibles para él y los cambias ahí mismo. Los cambios de diseño y de texto se escriben en tu proyecto al guardarlos, sin pasar por el agente y sin gastar créditos.
Disponible en todos los planes
Las ediciones visuales solo funcionan en ordenador. La barra de herramientas no aparece en el móvil ni en ventanas de navegador estrechas.

La barra de herramientas

La barra de herramientas sobre la vista previa, con Editar diseño, Editar texto y Anotación Sobre la vista previa en vivo de tu proyecto flota una barra con tres herramientas:
  • Editar diseño: Haz clic en cualquier elemento para cambiar su aspecto, su imagen o su disposición.
  • Editar texto: El texto editable se resalta con un contorno, así que puedes hacer clic y reescribirlo.
  • Anotación: Dibuja sobre la página para señalar de qué hablas.
Con Esc vuelves en cualquier momento a navegar por la vista previa con normalidad. Si la barra tapa un elemento que quieres editar, haz clic en Ocultar barra de herramientas. La herramienta sigue activa y los cambios sin guardar se conservan.

Editar diseño

Al activar Editar diseño, el panel se abre con Estilos del sitio, donde defines las fuentes, el redondeo de las esquinas y los colores de todo el sitio. Haz clic en un elemento de la página para abrir sus ajustes. En textos, imágenes y secciones verás primero las opciones básicas. La alineación, los bordes, la sombra, el espaciado y la disposición están en Avanzado. Un titular seleccionado en la vista previa, con sus ajustes abiertos en el panel izquierdo Con el interruptor de tema de la cabecera del panel compruebas el resultado en modo claro y oscuro antes de guardar.

Reordenar y ajustar el espaciado

Para mover un elemento, selecciónalo y arrastra el tirador que aparece debajo a otro lugar, por ejemplo para intercambiar dos tarjetas. También puedes usar las flechas del teclado. Para cambiar el espaciado, arrastra los tiradores de la parte inferior del elemento seleccionado. Ambos cambios se guardan o se descartan junto con el resto de tus ediciones.
Los elementos solo se mueven dentro de su propio grupo. Los que se generan a partir de una lista, como productos o entradas de blog, no se pueden arrastrar. Pídele al agente que los reordene.

Editar texto

El texto que puedes reescribir aparece contorneado directamente en la vista previa. Haz clic dentro y escribe. Es la forma más rápida de corregir un titular o un párrafo, porque ves el resultado en su sitio mientras escribes.

Anotación

A veces es más rápido enseñarle al agente lo que quieres decir que describírselo. Con Anotación activada, dibuja sobre la parte de la página de la que hablas. Macaly averigua qué elementos quedan bajo tu marca y los adjunta a tu siguiente mensaje. Dibuja tantas marcas como necesites, escribe después tu mensaje y envíalo como siempre. Mientras dibujas tienes Deshacer marca, Rehacer marca y Borrar a mano en la propia barra. Una marca dibujada alrededor del titular y el párrafo, con la etiqueta Anotación sobre el mensaje Las anotaciones sirven para señalar, no para dejar comentarios. No se guardan con tu proyecto y no cuestan nada más allá del mensaje que envíes.
Guarda o descarta tus cambios de diseño antes de empezar a anotar, y no cambies el tamaño de la vista previa mientras dibujas. Al cambiarlo, tus marcas desaparecen, porque están ancladas al lugar donde estaba el contenido.
Hacer clic exactamente en lo que quieres no siempre es posible, sobre todo cuando los elementos se solapan o uno anidado tapa al que lo contiene. Sobre tu selección aparece una pequeña barra que te permite subir un nivel o moverte con las flechas por los elementos vecinos. Ahí también encuentras el icono de código, que abre el código fuente del elemento en la pestaña Código, y la opción de eliminarlo por completo.

Editar con IA

En textos e imágenes, el panel también te permite describir un cambio en lugar de configurarlo. Reescribir con IA reescribe el texto según lo que le pidas. Generar con IA edita la imagen actual o crea una nueva, y ves el resultado antes de quedártelo. Con un elemento seleccionado, el campo de mensaje del chat también pasa a editar ese elemento. Todo lo que escribas ahí se aplica solo a tu selección actual.
Los botones de IA del panel y los mensajes enviados desde el chat consumen créditos como cualquier otra petición a la IA, y el panel muestra el precio antes de ejecutarlos. Todo lo que ajustes a mano en el panel es gratis.

Guardar los cambios

Mientras tengas cambios sin guardar, la barra muestra cuántos llevas y puedes guardarlos todos de una vez con Guardar o deshacerlos con Descartar. La barra con cinco cambios sin guardar, junto a Descartar y Guardar Guardar no pasa por el agente, así que es inmediato y no cuesta créditos. Si un cambio es más complejo, Macaly se lo pasa al agente en tu chat, donde se comporta como cualquier otro mensaje.

Cuándo no está disponible la barra de herramientas

La barra se oculta, o se atenúa, cuando la edición directa no funcionaría:
  • Espera a que Macaly termine: El agente está trabajando en tu proyecto.
  • Esperando a que la vista previa esté lista: Tu vista previa aún se está iniciando.
  • Cierra el plan para editar la página: Tienes un plan abierto en el chat.