La IA solo se usa cuando envías una instrucción. Los cambios hechos con los controles visuales no consumen tokens.
Ventajas
- Edición directa sobre la página, sin código ni IA.
- Cambios de texto rápidos: doble clic y escribes.
- Instrucciones dirigidas: seleccionas uno o varios elementos y describes el cambio.
- Sin consumo de tokens en las ediciones directas.
- Vista previa antes de guardar.
Qué puedes editar
Los controles se adaptan al elemento que seleccionas:Entrar al modo de edición visual
- Abre AI Studio y entra al proyecto.
- Haz clic en Ediciones visuales en el área de instrucciones, abajo a la izquierda del constructor.
- Haz clic en un elemento de la vista previa para empezar.
Cómo editar
Seleccionar para ver los controles
Haz clic en cualquier elemento para abrir el panel de ediciones visuales. Cuando aplica, verás controles de color (con los colores del tema de tu proyecto junto a la paleta completa) y controles de margen y relleno para ajustar el espaciado.Editar texto en la página
Haz doble clic en un texto y escribe directamente.Cambiar íconos
Al seleccionar un ícono puedes abrir una biblioteca con más de 1.600 íconos, buscar uno y reemplazarlo al instante, sin recargar. También puedes cambiar su tamaño.Ajustar imágenes
Al seleccionar una imagen puedes cambiar su URL para reemplazarla, actualizar el texto alternativo y elegir en el menú Diseño cómo se acomoda dentro de su espacio.Usar instrucciones sobre elementos seleccionados
Selecciona uno o varios elementos y describe el cambio en lenguaje natural:- Un elemento: “Haz esta sección más moderna”, “Mejora el espacio dentro de este contenedor”, “Suaviza el estilo de este botón”.
- Varios elementos: unificar el estilo de varios botones, alinear el espaciado entre contenedores, actualizar tarjetas o columnas repetidas, o aplicar el mismo color a un grupo.
Guardar o descartar
- Haz clic en Guardar para aplicar los cambios al proyecto.
- Haz clic en Descartar si un cambio afectó al elemento equivocado o no te gustó; vuelves a la versión anterior.
Preguntas frecuentes
¿Tengo que activar algo para usar las ediciones visuales?
¿Tengo que activar algo para usar las ediciones visuales?
No. Abre el proyecto y haz clic en Ediciones visuales en el área de instrucciones.
¿Consumen tokens?
¿Consumen tokens?
Las ediciones directas no. Solo consumen uso de IA las instrucciones que envías sobre elementos seleccionados.
¿Puedo editar varios elementos a la vez?
¿Puedo editar varios elementos a la vez?
Sí. La selección múltiple sirve para cambios coordinados, como espaciado uniforme o estilos compartidos.
Artículos relacionados
AI Studio
Guía completa del constructor con IA.
Editor de código
Para cambios que requieren tocar el código.