Generación de Marcos con IA
Abrir el Creador de Marcos
Después de que se haya generado la documentación de tu proyecto de wireframe, lo verás en tu lista de wireframes como una tarjeta de proyecto. Para comenzar a generar marcos con IA, haz clic en el ícono de IA en la esquina inferior derecha de la tarjeta del proyecto. Esto abre el creador de marcos donde puedes generar y gestionar marcos individuales para cada pantalla.
Creador de Marcos
El creador de marcos es donde generas y gestionas marcos de wireframe individuales para cada pantalla. La barra lateral izquierda lista todas las pantallas de tu proyecto (por ejemplo, Panel de Control, Lista de Tareas, Detalle de Tarea) con insignias de estado que muestran si cada una está pendiente, generándose o completada.
Diseño
Proveedor de IA
Selecciona el modelo de IA a usar para la generación de marcos desde el menú desplegable en la parte superior izquierda (por ejemplo, Claude Code, Opus 4.6).
Lista de Pantallas
La barra lateral izquierda muestra todas las pantallas del proyecto. Haz clic en una pantalla para ver sus detalles y generar su marco.
Propósito e Instrucciones de la Pantalla
El panel central muestra el propósito y las características principales de la pantalla seleccionada. Haz clic en Editar para modificarlos antes de generar.
Vista Previa del Marco
El lado derecho muestra una vista previa del marco generado, o un marcador de Marco Vacío si el marco aún no se ha generado.
Generar Marco
Haz clic para generar el marco de la pantalla seleccionada. Usa Iniciar Toda la Generación para generar todos los marcos pendientes a la vez.
Edición Antes de la Generación
Puedes editar diferentes aspectos de un marco antes de generarlo. Haz clic en el botón Editar junto a las secciones de Propósito o Características Clave para modificar la descripción, características e instrucciones de la pantalla. Una vez que estés satisfecho con los detalles, haz clic en Generar Marco para crear el marco, o ajusta y regenera según sea necesario.
Generando Marcos
Cuando se está generando un marco, la insignia de estado de la pantalla en la barra lateral izquierda cambia a generando... y aparece un indicador de progreso en la parte inferior derecha (por ejemplo, “Generando Marco... (10%)”). El botón Generar Marco se reemplaza con un botón Detener Generación, permitiéndote cancelar si es necesario.
Durante la Generación
Insignias de Estado
Cada pantalla muestra su estado actual — pendiente (no iniciada), generando (en progreso) o completada (terminada).
Indicador de Progreso
Una barra de progreso basada en porcentaje en la parte inferior derecha muestra cuánto ha avanzado la generación del marco actual.
Detener Generación
Cancela la generación del marco actual en cualquier momento haciendo clic en el botón Detener Generación.
Vinculación Automática
Los marcos se vinculan automáticamente entre sí — los flujos de navegación entre pantallas se conectan durante la generación.
Marcos Completados
Una vez que la generación esté completa, verás un mensaje de Marco Generado Exitosamente. La insignia de estado de la pantalla cambia a completado (verde) junto con un conteo de elementos (por ejemplo, “41 elementos”). La vista previa del marco generado aparece en el lado derecho del editor.
Después de la Finalización
Vista Previa del Marco
El panel derecho muestra una vista previa visual del marco generado con todos los componentes dispuestos.
Conteo de Elementos
La insignia de completado muestra el número total de elementos generados para la pantalla.
Reiniciar Marco
Si no estás satisfecho con el resultado, haz clic en Reiniciar Marco para regenerar desde cero.
Iniciar Toda la Generación
Continúa generando los marcos pendientes restantes, o usa esto para generar todas las pantallas en lote a la vez.