El lienzo, los proyectos y las pantallas

uxmagic.ai/dashboard/project

Proyectos#

Un proyecto contiene pantallas, un tema, recursos y documentos subidos, su historial de chat y sus colaboradores. Todo lo que hay en un proyecto comparte un mismo sistema de diseño, y eso es lo que hace que veinte pantallas parezcan un solo producto.

Regla práctica: un proyecto por producto o por sitio. Si estás diseñando dos cosas sin relación, usa dos proyectos; de lo contrario, un cambio de tema pensado para una moverá la otra.

Pantallas#

Una pantalla (a veces llamada frame) es una mesa de trabajo en el lienzo. Cada pantalla tiene un nombre, un tamaño de dispositivo, contenido HTML y un historial de versiones.

Las pantallas pueden:

• generarse con IA a partir de tu prompt,
• añadirse vacías y rellenarse más tarde,
• duplicarse a partir de una pantalla existente,
• crearse como variante responsive de otra pantalla.

El lienzo#

El lienzo es infinito y ampliable.

• Desplazar: espacio + arrastrar, o desplazamiento con dos dedos.
• Zoom: ⌘/Ctrl + rueda, o el control de zoom.
• Ajustar a la pantalla: reduce el zoom hasta ver todas las pantallas del proyecto.
• Modo foco: abre una sola pantalla a todo el ancho para trabajar de cerca.

Las pantallas se posicionan desde su punto central, así que las recién generadas se colocan en fila junto a las existentes en lugar de apilarse encima.

Versiones#

Cada cambio de la IA sobre una pantalla crea una versión nueva en lugar de sobrescribir la anterior. Puedes retroceder por las versiones y restaurar cualquiera de ellas. Consulta Versiones e historial.

Recursos y documentos#

Cada proyecto tiene una biblioteca de recursos para las imágenes que subes o genera la IA, y un área de documentos donde puedes adjuntar un PRD, un briefing o una especificación que la IA leerá antes de diseñar. Consulta Diseñar a partir de un PRD o briefing.

Papelera#

Los proyectos eliminados van a la Papelera y se pueden restaurar desde el panel.