Editar una pantalla

Las tres formas de cambiar un diseño —chat, modo edición y temas— y cuándo cada una es la herramienta adecuada.

Última actualización:

Hay tres formas de cambiar una pantalla, y elegir la correcta te ahorra tiempo y créditos.

1. Modo edición: para el contenido

Haz clic dentro de una pantalla para entrar en modo edición. Aquí puedes:

  • Editar textos directamente. Haz clic en un titular o un párrafo y escribe.
  • Intercambiar imágenes. Sustituye una imagen generada por una tuya.
  • Ajustar propiedades sencillas del elemento que has seleccionado.

El modo edición no llama a la IA, así que es instantáneo y gratuito. Úsalo para textos, nombres, precios e intercambios de imágenes.

2. Chat: para la estructura

Todo lo que cambia la forma de la página pasa por el chat:

Añade una sección de testimonios entre las funcionalidades y los precios. Haz el hero más corto y sube el CTA por encima del pliegue. Convierte los tres bloques de funcionalidades en una maquetación de dos columnas.

Las ediciones dirigidas por chat son mucho más baratas que regenerar una pantalla. Consulta Editar con el chat.

3. Tema: para todo lo visual y global

Los colores, las tipografías, los radios de esquina y los espaciados viven en el tema del proyecto. Cámbialos ahí y todas las pantallas se mueven juntas. Editar un color en una sola pantalla es justo como los proyectos acaban siendo incoherentes. Consulta Temas y guías de estilo.

Qué no hacer

No regeneres por un cambio pequeño. Regenerar está entre las operaciones más caras disponibles y tira las partes de la pantalla que ya estaban bien. Pide el cambio concreto en su lugar.

Versiones

Cada edición de la IA crea una versión nueva. No se destruye nada y siempre puedes retroceder. Consulta Versiones e historial.

Detalle del foco del teclado

Si Suprimir o ⌘Z parecen no hacer nada, haz clic primero en una zona vacía del lienzo. Mientras el cursor está en el campo de prompt, esas pulsaciones pertenecen al campo de texto.

¿Te ha resultado útil este artículo?

Artículos relacionados

Read this in your language