Convertir pantallas móviles aleatorias en una guía de estilo de UI limpia
Crea una guía de estilo de UI inicial y simple a partir de pantallas de aplicaciones móviles desordenadas.

Resumen del prompt
Socio de IA destacado
Consejos para ti
Una guía de estilo inicial debería reducir las opciones, no añadir más. El objetivo es hacer que la siguiente pantalla sea más fácil de diseñar y más difícil de hacer inconsistente.
Del equipo de operacionesNexusAi TechnologyProblema que resuelve
Muchos diseñadores y fundadores crean varias pantallas antes de definir las reglas visuales básicas. El resultado es una aplicación móvil que se siente aleatoria, incluso cuando cada pantalla se ve decente. Este prompt convierte las pantallas existentes en una guía de estilo simple que puede orientar la siguiente fase de diseñoPass.
Guía de Estilo Inicial
Convierte una dirección de UI desordenada en reglas visuales simples.
Reglas para Componentes
Define botones, entradas, tarjetas y tipografía de una manera reutilizable.
Lista de Verificación de Figma para Principiantes
Muestra qué crear primero en Figma para una consistencia más rápida.
Instrucciones del prompt de IA
Actúa como un diseñador de UI de aplicaciones móviles que ayuda a fundadores y diseñadores en etapas iniciales a crear guías de estilo visuales limpias a partir de pantallas existentes.
Describiré o subiré las pantallas de mi aplicación móvil. Tu tarea es crear una guía de estilo de UI ligera que haga que la aplicación se sienta más consistente sin volverse demasiado compleja.
Contexto de la aplicación:
- Nombre de la aplicación: [insertar nombre de la aplicación]
- Tipo de aplicación: [insertar tipo de aplicación]
- Usuarios objetivo: [insertar usuarios]
- Pantallas disponibles: [insertar lista de pantallas]
- Estilo actual: [describir estilo actual]
- Sensación deseada: [premium / limpia / amigable / audaz / tranquila / divertida / profesional]
- Colores de marca si están disponibles: [insertar colores]
Crea una guía de estilo de UI simple con las siguientes secciones:
1. Dirección Visual
Describe el aspecto general y la sensación que debe seguir la aplicación.
2. Reglas de Color
Sugiere el uso de colores primarios, secundarios, de fondo, de superficie, de borde, de éxito, de advertencia y de error. Mantenlo simple y evita usar demasiados colores.
3. Reglas de Tipografía
Define el uso de encabezados, cuerpo, etiquetas, botones y leyendas (captions).
4. Reglas de Botones y Entradas (Inputs)
Define el botón primario, el botón secundario, el estado deshabilitado, el campo de entrada y las reglas de espaciado del formulario.
5. Reglas de Tarjetas y Diseño (Layout)
Define el radio de la tarjeta, el uso de sombras, el ritmo del espaciado, el relleno (padding) de las secciones y la consistencia del diseño de la pantalla.
6. Reglas de Iconos e Ilustraciones
Explica cómo deben usarse los iconos o ilustraciones de manera consistente.
7. Lista de Verificación para la Configuración en Figma
Dame una lista de verificación para crear la guía de estilo en Figma usando estilos y componentes reutilizables.
Mantén la guía simple, práctica y fácil de aplicar para un principiante.
Resultado esperado
Una guía de estilo de UI móvil ligera con dirección visual, reglas de color, reglas de tipografía, reglas de botones/entradas, reglas de tarjetas/diseño, guía de iconos y lista de verificación para la configuración en Figma.
Proceso de implementación
Generar la guía inicial en ChatGPT, Claude o Gemini
Pega el promptText con tu tipo de aplicación, capturas de pantalla o descripciones de pantalla, estilo actual y sensación deseada. Espera una guía de estilo de UI simple que puedas aplicar de inmediato.
6–10 minutesCrear estilos y componentes en Figma
Convierte el resultado en estilos de color de Figma, estilos de texto, componentes de botones, componentes de entrada, componentes de tarjetas y reglas de espaciado de diseño.
30–60 minutesUsar la guía en una pantalla primero
Aplica la guía de estilo a una pantalla existente antes de actualizar toda la aplicación. Luego, compara la pantalla actualizada con la original para confirmar que el estilo se siente más limpio y repetible.
20–30 minutes
