Inicio de UXMagic
  • Funciones
  • Bibliotecas
  • Comunidad
  • Precios
  • Afiliados
  • Recursos
Inicio de UXMagic
Inicio de UXMagic

Bibliotecas

Comunidad
Precios
Afiliados

Recursos

Síguenos en:
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram
Centro de ayuda
  • 🚀Primeros pasos
  • ✨Generar diseños
  • 🎨Diseñar y editar
    • Editar una pantalla
    • Editar con el chat
    • Temas y guías de estilo
    • Fuentes y tipografía
    • Imágenes en tus diseños
    • Versiones e historial
    • Variantes responsive y por dispositivo
    • Bibliotecas de componentes y sistemas de diseño
  • 📦Exportar y entregar
  • 🌐Publicar un sitio en producción
  • 🤝Compartir y colaborar
  • 🔌Integraciones y desarrollo
  • 💳Planes, créditos y facturación
  • 🛠Solución de problemas

¿Sigues atascado?

Nuestro equipo responde desde dentro del producto.

Contactar con soporte →
  1. Centro de ayuda/
  2. Diseñar y editar/
  3. Editar una pantalla

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: 27 de agosto de 2026

En esta página

  • 1. Modo edición: para el contenido
  • 2. Chat: para la estructura
  • 3. Tema: para todo lo visual y global
  • Qué no hacer
  • Versiones
  • Detalle del foco del teclado

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

Editar con el chat

Cómo formular peticiones de edición a la IA para conseguir el cambio que querías, en las pantallas que querías.

Temas y guías de estilo

Cómo funciona el tema del proyecto, cómo cambiarlo sin riesgo y por qué los colores no deben editarse pantalla por pantalla.

Versiones e historial

Cada cambio de la IA crea una versión nueva. Cómo comparar, restaurar y conservar variantes.

← AnteriorModo flujo y planes de pantallasSiguiente →Editar con el chat

En esta página

  • 1. Modo edición: para el contenido
  • 2. Chat: para la estructura
  • 3. Tema: para todo lo visual y global
  • Qué no hacer
  • Versiones
  • Detalle del foco del teclado

tu próxima idea
merece existir

deja de darle vueltas. solo escríbela. Mal, a medias, como sea. Nosotros la convertiremos en algo real.

Producto

  • Comunidad
  • Planes de precios
  • Programa de afiliados
  • UXMagic MCP
  • Claude MCP
  • Información para IA

Recursos

  • Centro de ayuda
  • Biblioteca de Figma
  • Biblioteca de React
  • Plantillas de apps móviles
  • Documentación
  • Tutoriales

Funciones

  • De prompt a UI
  • De imagen a UI
  • De boceto a UI
  • Clonar sitio web
  • Importar desde Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Todas las funciones

Comparar

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Todos los competidores

Blogs

  • IA en el flujo de trabajo de diseño UX: lo que realmente funciona
  • Plantillas de prompts para dashboards SaaS
  • Prompts reales que usamos para generar flujos de producto
  • Prompt engineering para diseñadores UX
  • Las mejores herramientas de wireframing en 2026: 10 opciones gratuitas y de pago comparadas
  • Todos los blogs

Empresa y soporte

  • Empleo
  • Contáctanos
  • Política de privacidad
  • Términos de uso
  • Configuración de cookies
  • Síguenos en Slack
  • Síguenos en Twitter
  • Síguenos en LinkedIn
  • Síguenos en YouTube
  • Síguenos en Instagram

© 2026 UXMagic AI Technologies Inc.