Supongamos que la IA ha completado casi toda la página y que lo que queda es poco: un titular que debe situarse un poco más arriba, un color que no es del todo el adecuado, una esquina que debería ser más redondeada. Escribir una frase para describir exactamente eso no siempre es más rápido que hacer clic en el widget y corregirlo directamente. Al seleccionar cualquier widget, se abre un panel con dos pestañas —«Config» y «Estilo»—; cada una de ellas se divide en los elementos específicos que necesita ese widget.
Contenido: lo que realmente dice
El texto se puede editar directamente en el propio widget: texto sencillo, de varias líneas o con formato completo (negrita, cursiva y enlaces), sin salir de la página. Se confirma con la tecla Intro, se cancela con Esc o se guarda simplemente haciendo clic en cualquier otro lugar; y si un widget tiene varios fragmentos de texto, como cada pregunta de una sección de preguntas frecuentes, cada uno de ellos se puede editar individualmente. Cualquier cambio que realices aquí aparece en la página al instante y se guarda automáticamente, por lo que ves el resultado real a medida que escribes, no una vista previa que tengas que actualizar. Las imágenes y los vídeos funcionan de la misma manera: previsualiza lo que hay, pega una URL, elige algo de la biblioteca multimedia o bórralo.
Diseño: dónde se sitúa dentro del widget
Se trata de la posición, no de la redacción: una cuadrícula de 3×3 te permite colocar el contenido exactamente donde quieras —a la izquierda, a la derecha, arriba, abajo o centrado— y los botones de alineación permiten alinear el texto a la izquierda, al centro, a la derecha o justificado, además de ajustar la alineación del propio bloque.
Enlace: adónde lleva a los usuarios
Si se puede hacer clic en el widget, aquí es donde se encuentra el destino: un campo de URL con validación en tiempo real, un botón para probarlo y un selector de archivos multimedia integrado, en caso de que el destino sea un elemento de tu biblioteca en lugar de un enlace externo.
Estilo: Tipografía — el aspecto del texto
El tamaño se ajusta mediante un control deslizante con unidades asociadas, complementado con controles numéricos y menús desplegables de estilo para el resto: el aspecto del texto, independientemente de lo que realmente diga.
Estilo: Color — con un diseño a cuadros integrado
Una paleta, la transparencia y un código hexadecimal si ya conoces el valor; y, junto a ello, un indicador de legibilidad te indica si el color se verá realmente bien sobre el fondo, antes de que guardes nada.
Estilo: Espaciado — márgenes sin calcular
Un editor tipo «cuadro» gestiona el espacio alrededor del widget: los cuatro lados a la vez, o cada uno por separado si necesitas que sea asimétrico.
Estilo: Borde — el grado de redondeo de las esquinas
Un control deslizante permite ajustar directamente el radio de las esquinas del widget, de modo que puedes pasar de unas esquinas afiladas a otras totalmente redondeadas sin tener que buscar un campo numérico.
Estilo: Superposición e imagen — para widgets con fondo
En un widget como «hero» o «header» que se sitúa sobre una imagen de fondo, «Image» es donde se selecciona esa imagen, y «Overlay» es la capa oscura que se superpone a ella: cuanto mayor sea la opacidad, más oscura será la imagen; cuanto menor sea, más clara será, de modo que el texto que aparece encima siga siendo legible sin alterar la imagen en sí.
Reordenar sigue siendo un rollo
Nada de esto sustituye a la posibilidad de mover elementos por la página: un widget se puede seguir arrastrando y soltando para reordenarlo manualmente, ya sea desde la propia página o desde la vista de capas, siempre que resulte más rápido que indicar dónde debe ir.
Conclusión
No todos los ajustes merecen una mención por parte de la IA. El contenido, el diseño y los enlaces se refieren a lo que dice un widget y a dónde apunta; la tipografía, el color, el espaciado, el borde, la superposición y la imagen se refieren a su aspecto, y cada uno de esos cambios aparece en la página en el momento en que se realiza.