Cómo activar y usar la Edición visual en Coderick AI
Describir un cambio visual con palabras a veces es más difícil de lo que parece. Indicarle a una IA que cambie el texto de un encabezado o lo mueva ligeramente a la izquierda puede convertir una corrección de dos segundos en un intercambio de cinco minutos. Hay cosas que se hacen más rápido manualmente.
Para eso sirve la edición visual. En lugar de tener que realizar pequeños ajustes, ahora puedes hacer clic directamente en la vista previa de tu proyecto y hacer cambios al instante.
Aquí te explicamos cómo usarla.
Cómo activar la Edición visual
Dentro de tu proyecto Coderick, haz clic en el botón Edición visual en la barra superior.
Una vez activada, los elementos en la vista previa se pueden seleccionar y editar. El botón Edición visual se reemplazará por dos nuevos botones: Guardar y Salir.
Cómo editar directamente en la pantalla de vista previa
Con la Edición visual activada, haz clic en cualquier elemento de la vista previa para seleccionarlo. Aparecerá una barra de herramientas con las opciones de edición correspondientes a ese tipo de elemento.
Ediciones manuales
Texto
Haz clic en cualquier elemento de texto para editarlo directamente. Desde la barra de herramientas puedes:
- Editar el texto directamente
- Cambiar el tipo de fuente, tamaño y estilo (negrita, cursiva, subrayado)
- Ajustar la alineación
- Añadir un enlace o emoji
- Cambiar el color del texto
Botones
Los botones que se pueden editar visualmente tienen estas opciones generales:
- Editar el texto del botón en línea
- Cambiar el color del texto y del fondo
- Añadir o actualizar un enlace
Imágenes
Haz clic en una imagen para:
- Reemplazarla y subir una imagen desde tu dispositivo
- Generar una imagen con IA
- Añadir o actualizar un enlace
- Añadir texto alternativo
Guardando tus cambios
Las ediciones manuales se guardan temporalmente hasta que estés listo para aplicarlas. Cuando estés satisfecho con los cambios, haz clic en Guardar para confirmarlos.
Si prefieres empezar de nuevo, haz clic en Salir para descartar todo y salir del modo de Edición visual.
Si intentas enviar un mensaje de chat o salir con cambios sin guardar, Coderick te pedirá que guardes o descartes antes de continuar, para que no se pierda nada por accidente.
Cómo editar con IA
Para elementos que son demasiado complejos para ediciones manuales, como menús de navegación, pies de página o botones de inicio de sesión, verás una opción de Editar con IA en la barra de herramientas. Estos elementos tienen un funcionamiento interno más complejo, por lo que la IA gestiona los cambios para mantener todo intacto.
También puedes elegir Editar con IA para cualquier elemento estándar si prefieres describir el cambio en lugar de hacerlo manualmente.
Cuando haces clic en Editar con IA en un elemento seleccionado:
- Ese elemento se resaltará en el panel de chat de la izquierda.
- La IA de Coderick centrará sus cambios únicamente en ese elemento específico.
- Describes lo que quieres en el chat y lo envías.
