Design Mode
Usa un resumen de texto para elegir primero una dirección visual y luego crea una app funcional a partir de esa dirección aprobada.
Design Mode es la ruta de creación con enfoque en el diseño de Verdent Cloud para apps nuevas con una interfaz visible. Úsala cuando tengas una idea en palabras, pero aún no un diseño terminado, una captura de pantalla, una guía de estilo ni un plan de páginas completo.
En lugar de pasar directamente al código, Design Mode te ayuda primero a decidir cómo debe verse y sentirse el producto, y luego convierte la dirección aprobada en una app funcional.
Cuándo usar Design Mode
Usa Design Mode cuando quieras crear la interfaz de un producto nuevo a partir de un resumen de texto, como por ejemplo:
- una app full-stack
- un frontend web o una landing page
- una app móvil
- un juego o experiencia interactiva de varias pantallas
- una idea de producto de 0 a 1 en la que la dirección visual aún no está decidida
Cuándo omitirla
Omite Design Mode cuando:
- el proyecto es una utilidad trivial de una sola pantalla, como un formulario básico o una app de juguete muy pequeña
- ya tienes un resumen de diseño completo con una dirección de estilo concreta, una paleta, un sistema tipográfico y una lista de páginas o pantallas
- ya tienes archivos de diseño, mockups, capturas de pantalla o una guía de estilo que se deben seguir directamente
- quieres saltarte explícitamente el diseño e ir directamente al código
Si tu resumen ya es lo bastante específico, Verdent Cloud puede usarlo como la dirección elegida y avanzar directamente hacia la planificación de páginas y el trabajo de construcción.
Cómo funciona Design Mode
Describe el producto
Comienza con un resumen en lenguaje sencillo: qué quieres crear, para quién es, qué debe hacer y cualquier referencia de tono o estilo que ya tengas.
Elige una dirección visual
Verdent Cloud explora distintas direcciones de diseño para que puedas elegir el aspecto y la sensación antes de escribir el código.
Planifica las páginas o pantallas
Para productos de varias páginas, full-stack o más complejos, Verdent Cloud convierte la dirección elegida en un plan de páginas o pantallas y en una especificación del producto en lenguaje sencillo.
Construye a partir de la dirección aprobada
Una vez que la dirección esté clara, Verdent Cloud restaura el diseño en una app funcional y mantiene las decisiones posteriores vinculadas al diseño y la especificación aprobados.
Previsualiza y continúa
Revisa la app en la vista previa y luego continúa con el trabajo de backend, las pruebas, la analítica o el despliegue según sea necesario.
Cómo usar Design Mode en Verdent Cloud
Desde el flujo de creación en Cloud, describe la app que quieres crear en lugar de elegir una plantilla. Si todavía no tienes una dirección de diseño concreta, Verdent Cloud puede usar Design Mode para ayudarte a elegir una antes de construir.
Puedes mantener el resumen simple, pero hazlo lo bastante específico para guiar las decisiones de diseño:
- qué es el producto
- quién lo usará
- la tarea principal con la que debe ayudar
- las páginas, pantallas o estados que ya sabes que necesitas
- cualquier referencia de tono o estilo, como editorial, lúdico, funcional, premium, minimalista o atrevido
- cualquier cosa que no quieras, como degradados genéricos, imágenes con aspecto de banco de imágenes o cierto estilo visual
Ejemplos de resúmenes
Landing page
Crea una landing page para una app de finanzas personales para freelancers. Debe sentirse tranquila, confiable y editorial, con un hero, secciones de funciones, precios y preguntas frecuentes.
App de varias pantallas
Crea un seguidor de hábitos mobile-first para personas que se están recuperando del agotamiento. Debe sentirse suave y táctil, con onboarding, registro diario, vista de progreso y ajustes.
Consejos para obtener mejores resultados
- Indica para quién es el producto.
- Describe la sensación que quieres, no solo la lista de funciones.
- Menciona las páginas o pantallas conocidas si las tienes.
- Comparte referencias o restricciones desde el principio si son importantes.
- Indica qué evitar si ya sabes qué se sentiría mal.
- Para productos complejos, espera confirmar la lista de páginas y la especificación del producto antes de que continúe la construcción completa.