10 Ejemplos de Diseño de Apps Móviles con IA y Prompts que Puedes Copiar
Descubre 10 ejemplos impresionantes de diseño de aplicaciones móviles con IA y sus prompts reales. Desde rastreadores de sueño hasta aplicaciones bancarias, mira lo que es posible con herramientas de diseño IA.
Aquí tienes 10 prompts reales de diseño de apps móviles que puedes copiar, cada uno mostrado con el diseño que produjo de verdad. Un buen prompt de diseño de apps móviles nombra seis cosas: la pantalla, sus elementos clave de interfaz, el estilo visual, la paleta de colores, la tipografía y el estado de ánimo. Cada prompt de abajo se ejecutó en Sleek y se publicó en X.
Estos no son maquetas hipotéticas ni plantillas de stock. Cada diseño se generó con Sleek, nuestra herramienta de diseño de apps móviles con IA, y se publicó en X por Mattia: rastreadores de sueño relajantes, audaces mercados de zapatillas, calendarios brutalistas, todo a partir de un solo prompt de texto.
- Copia cualquiera de estos 10 prompts de diseño de apps móviles y adáptalo a tu propia app.
- Un buen prompt nombra seis cosas: la pantalla, los elementos clave de interfaz, el estilo visual, la paleta de colores, la tipografía y el estado de ánimo.
- Cada prompt se muestra con el diseño real que produjo en Sleek, no una maqueta de stock.
- La misma pantalla puede pasar del glassmorphism al brutalismo o al Y2K según el estilo que nombres.
- Los prompts más específicos producen diseños más distintivos; los prompts vagos producen diseños genéricos.
- Cada diseño aquí salió de un solo prompt de texto en minutos.
¿Qué hace que un prompt de diseño de apps móviles sea bueno?
Un buen prompt de diseño de apps móviles es específico sobre seis cosas: la pantalla (inicio, panel, perfil), sus elementos clave de interfaz (tarjetas, gráficos, navegación), el estilo visual (glassmorphism, brutalista, suizo), la paleta de colores (por nombre, hexadecimal o estado de ánimo), la tipografía y el estado de ánimo. Nombra esas cosas y la IA produce un diseño con un punto de vista, no una plantilla genérica.
Cada prompt de abajo sigue esa forma. Cuanto más concreto seas sobre el estilo y la sensación, más se parecerá el resultado a una app real con criterio propio y no a un wireframe. Copia uno, cámbialo por los detalles de tu propia app y ejecútalo.
10 prompts de diseño de apps móviles (y los diseños que crearon)
Cada ejemplo combina el prompt exacto con el diseño que produjo. Copia el prompt, cambia los detalles y úsalo como punto de partida.
1. App de Seguimiento del Sueño (Glassmorphism Etéreo)
Este panel de control de sueño muestra un glassmorphism etéreo, perfecto para aplicaciones enfocadas en la relajación y el bienestar.
Bad prompt vs good prompt
Prompt: "Sleep dashboard home screen. Sleep quality score, sleep stages visualization (deep, light, REM with wave chart), smart alarm widget. Visual Style: Ethereal glassmorphism. Deep indigo to purple gradient background, frosted glass cards with soft blur effect, glowing breathing circle with subtle aurora shimmer, semi-transparent white text, iridescent accent colors (soft lavender, mint, pale gold), flowing organic shapes, soft shadows and glows. Mood: Transcendent and calming. Like floating in a peaceful cosmic space. Dreamlike, mystical, deeply relaxing. Premium meditation aesthetic that feels otherworldly yet grounded."
2. App de Panel Financiero (Fintech Modo Claro)
Un panel financiero limpio que se siente confiable y profesional, ideal para aplicaciones bancarias o de presupuesto.
Gemini 3.0 Flash vs Gemini 3.0 Pro Same prompt. Flash is much faster and quality is surprisingly close. Which one do you prefer?
Prompt: "Finance dashboard home screen. Total balance card at top (compact), monthly spending breakdown with donut chart (compact card), savings goal progress bar below the chart, expense categories list at bottom with icons and amounts. Mobile app, single screen. Visual Style: Light mode with soft cream background, rounded cards with subtle shadows, deep teal as primary accent color, coral for charts and highlights. Clean sans-serif typography, modern card-based layout. Mood: Professional and trustworthy. Clean, organized, and confident. Modern fintech aesthetic that feels secure and premium."
3. Perfil de Red Social (Tres Variaciones de Estilo)
Este ejemplo muestra cómo el mismo concepto de pantalla se transforma a través de tres estilos visuales distintos: pastel amigable, minimalista limpio y elegante modo oscuro.
AI designed the same app in 3 styles Which one's your favorite?
Diseño 1 Prompt (Pastel Amigable): "Social media profile screen. Profile photo at top center, username below, bio text, follower/following/posts counts in a row, 'Follow' and 'Message' buttons, posts grid (3x3) below. Mobile app, single screen. Style: Light pastel friendly. Soft cream or white background, rounded elements, pastel accent colors (soft pink, lavender, mint), clean sans-serif typography, generous whitespace, approachable and warm aesthetic, modern and inviting."
Diseño 2 Prompt (Minimalista Limpio): "Social media profile screen. Profile photo at top center with edit icon, name below, bio text with emoji, follower/following/posts counts in a row, 'Follow' button and message icon, tab navigation (grid, saved, tagged), posts grid (2x3 or 3x3) with interior design photos. Liquid glass navigation bar at bottom with icons. Mobile app, single screen. Style: Clean minimal light mode. Soft white or off-white background, rounded pill-shaped liquid glass navigation bar at bottom (dark charcoal/black with white icons), semi-transparent blur effect, modern iOS aesthetic."
Diseño 3 Prompt (Modo Oscuro): "Social media profile screen. Profile photo at top center, username below, bio text, follower/following/posts counts in a row, 'Follow' and 'Message' buttons, posts grid (3x3) below. Mobile app, single screen. Style: Dark mode sleek. Deep charcoal background (#1a1a1a), subtle card surfaces, clean sans-serif typography, white text, soft purple or blue accent for buttons/highlights. Minimal and premium, modern social media aesthetic, generous spacing."
4. App de Reproductor de Música (Tres Variaciones de Estilo)
Este ejemplo muestra el mismo concepto de reproductor de música en tres estéticas tremendamente diferentes: Neo-Brutalismo Suave, Memphis Moderno y Retro de los 90.
AI is getting weirdly creative with design Which style is your favorite?
Diseño 1 Prompt (Neo-Brutalismo Suave): "Music player. Widgets for now playing card with bold track title, album artwork with thick border, playback progress bar, volume slider with chunky handle, and playlist queue counter. Waveform visualizer and play streak tracker. Create also the other screens. Mobile UI, Soft Neo-Brutalism. Dark mode, deep charcoal background, rounded cards with vivid pastel accents (lime, periwinkle, yellow). Bold all-caps sans-serif typography, modular fintech SaaS aesthetic with high contrast."
Diseño 2 Prompt (Memphis Moderno): "Music player now playing screen. Large album art at top (square, rounded corners), song title below, artist name below that, progress bar with timestamps, playback controls (shuffle, previous, play/pause, next, repeat), volume slider at bottom. Mobile app, single screen. Style: Modern Memphis / Abstract Collage. Bold geometric shapes scattered in background (circles, triangles, squiggles, dots), clashing bright colors (yellow, pink, blue, red, teal), playful and chaotic but balanced, thick black outlines on some elements, abstract decorative shapes floating around UI elements, bold sans-serif typography, white or light background, 80s/90s inspired but modern, fun and energetic aesthetic."
Diseño 3 Prompt (Retro 90s): "Music player now playing screen. Large album art at top (square, rounded corners), song title below, artist name below that, progress bar with timestamps, playback controls (shuffle, previous, play/pause, next, repeat), volume slider at bottom. Mobile app, single screen. Style: Retro/90s. Pixelated elements, chunky beveled buttons, bright saturated colors (teal, magenta, yellow, lime green), gradient backgrounds, old-school drop shadows, bitmap-style icons, retro computer aesthetic, bold playful fonts, visible grid lines or scan lines optional, nostalgic and fun, Windows 95 meets arcade vibes."
5. App de Panel de Fitness (Modo Claro Motivacional)
Un panel de fitness energético que motiva a los usuarios con visualización de datos limpia y diseño alentador.
GPT-5.2 vs Gemini 3.0 vs Opus 4.5 Same prompt. Which one do you prefer?
Prompt: "Fitness dashboard home screen. Weekly activity summary at top (compact), calories burned tracker with circular ring progress (compact card), workout streak counter below the calories card, weekly workout bar chart at bottom. Mobile app, single screen. Visual Style: Light mode with soft cream background, rounded cards with subtle shadows, coral as primary accent color, electric blue for charts and highlights. Clean sans-serif typography, modern card-based layout. Mood: Motivational and energetic. Fresh, clean, and approachable. Modern wellness aesthetic that feels encouraging and uplifting."
6. App Bancaria (Estilo Nostálgico Y2K)
Una versión lúdica de la banca que demuestra que la IA puede crear diseños audaces y poco convencionales cuando se le indica correctamente.
Can't believe AI designed this (prompt below)
Prompt: "Banking app home screen. Account balance at top, credit/debit cards displayed (card carousel), quick actions buttons (transfer, pay, deposit), recent transactions list with icons and amounts. Bottom navigation bar. Mobile app, single screen. Style: Y2K/Early 2000s aesthetic. Glossy gradient buttons with metallic shine, skeuomorphic elements (beveled edges, embossed text, drop shadows), bright saturated colors (hot pink, electric blue, lime green, chrome silver). Bubbly rounded shapes, glassy reflections, gradients everywhere, nostalgic Windows XP/early smartphone vibes. Playful and nostalgic but overwhelming, borderline tacky."
7. App de Cronómetro (Estilo Internacional Suizo)
El minimalismo extremo se encuentra con la precisión funcional en este diseño de temporizador de estilo suizo.
Still can't believe AI designed this (prompt below)
Prompt: "Mobile UI, Swiss International Style. Extreme minimalism, rigid grid system. Massive bold Helvetica typography as the main visual element. High whitespace, off-white background (#F5F5F5) with single primary accent color (International Red). Structural lines, no shadows, flat design. Stopwatch and timer. Elapsed time '00:45.32' dominates the screen in bold black text. Lap times listed below in a clean table without borders. 'Start' and 'Stop' controls are simple red and black geometric squares. Precision aesthetic."
8. App de Rastreador de Vuelos (Estética Lista para Viajar)
Una interfaz sofisticada de seguimiento de vuelos que reduce el estrés del viaje a través de información clara y organizada.
Designed this flight tracker app in one shot with AI (prompt below)
Prompt: "Design a flight tracker app with clean, modern, travel-ready aesthetics. Visual style: Palette: Soft light mode, off-white base (#f5f5f7), pure white cards (#ffffff), vibrant blue primary (#007aff). Typography: Clean geometric sans-serif (SF Pro, Inter), bold flight codes, medium info text, light metadata. Cards: Rounded corners (16-20px), soft shadows for elevation, white on light gray background. Route timeline: Clean horizontal line with plane icon, progress indicator in blue. Airport codes: Extra large bold (JFK, LAX style). Status badges: Rounded pill shape with colored background and white text. Icons: Minimal line style, airline logos in brand colors. Spacing: Generous padding, clear section separation, breathable layout. Interactive elements: Blue accent for tappable items, subtle press states. Mood: Travel-ready confidence, organized, trustworthy, stress-reducing. Makes tracking flights feel effortless."
9. App de Mercado de Zapatillas (Cultura Hype Gen-Z)
Un diseño de mercado de ropa urbana audaz que captura la energía de la Generación Z con modo oscuro y acentos eléctricos.
Designed this sneaker app in one shot with AI (prompt below)
Prompt: "Design a Gen-Z sneaker marketplace app. Dark mode, electric lime green primary, hype culture aesthetic with bold typography and streetwear energy."
10. App de Calendario (Caos Brutalista)
Un calendario brutalista intencionalmente caótico que rompe todas las reglas de diseño convencionales.
Still can't believe AI designed this (prompt below)
Prompt: "Calendar app month view. Grid showing dates for the current month, events/appointments as colored blocks, small event dots for busy days, today highlighted, mini month navigation, event list below. Mobile app, single screen. Brutalist Chaos style, asymmetric layout, overlapping elements, intentionally broken hierarchy, clashing fonts (mix of bold sans-serif and mono), raw and harsh aesthetic. Bold black outlines (2-3px), limited color palette (2-3 bold colors: black, white, and one bright accent like red or yellow), hard drop shadows, no alignment to standard grid, some rotated text elements. Unpolished, rebellious, anti-design, but more restrained with color."
Cómo escribir mejores prompts de diseño con IA
Mirando estos ejemplos, los prompts que produjeron los diseños más fuertes nombran las mismas seis cosas:
Tipo de pantalla: Indica la pantalla que quieres (pantalla de inicio, panel, perfil).
Elementos clave de interfaz: Enumera los componentes que debe contener (tarjetas, gráficos, navegación, botones).
Estilo visual: Nombra la estética (glassmorphism, brutalista, estilo suizo) o descríbela con detalle concreto.
Color: Especifica los colores por nombre, código hexadecimal o estado de ánimo (azules relajantes, coral energético).
Tipografía: Menciona el estilo de fuente, la jerarquía y cómo debe sentirse el texto.
Estado de ánimo: Describe la respuesta emocional que quieres, porque eso es lo que empuja el resultado más allá de una plantilla genérica.
La conclusión es simple: los prompts vagos consiguen pantallas genéricas, los prompts específicos consiguen diseños con un punto de vista. Hasta el prompt de una línea de las zapatillas nombra un estilo, un color y una energía. Para ver el panorama completo, mira cómo la IA está transformando el diseño de apps, nuestra guía de diseño de apps móviles con IA y nuestra guía de generadores de maquetas con IA.
¿Qué hace que un prompt sea bueno para diseñar apps móviles con IA?
Un buen prompt nombra la pantalla, sus elementos clave de interfaz, el estilo visual, la paleta de colores, la tipografía y el estado de ánimo. Por ejemplo: un panel financiero con una tarjeta de saldo y un gráfico de dona, modo claro con fondo crema y acento teal, tipografía sans-serif limpia y una sensación confiable y premium. Esa especificidad es lo que hace que la IA produzca un diseño con un punto de vista en lugar de una plantilla genérica.
¿Cómo se escribe un prompt para diseñar una app móvil?
Empieza por la pantalla y lo que contiene, y luego añade el estilo. Indica el tipo de pantalla y sus elementos de interfaz, nombra el estilo visual (glassmorphism, brutalista, suizo), da los colores por nombre, hexadecimal o estado de ánimo, describe la tipografía y termina con el estado de ánimo que quieres. Los 10 prompts de arriba siguen ese orden, así que puedes copiar uno y cambiarlo por tus propios detalles.
¿Puedo copiar estos prompts?
Sí. Cada prompt aquí se muestra completo para que puedas copiarlo y adaptarlo. Cambia el tipo de app, intercambia la paleta de colores o sustituye un estilo visual por otro, y luego ejecútalo en tu herramienta de diseño con IA. Son puntos de partida, no recetas fijas.
¿Qué herramienta de IA generó estos diseños?
Los diez se generaron con Sleek, una herramienta de diseño de apps móviles con IA que convierte un prompt de texto en pantallas editables de iOS y Android en minutos, y luego exporta a Figma como capas nativas o a código React y Tailwind. Cada diseño se publicó en X por Mattia a medida que se creaba.
¿Cuánto detalle debe tener un prompt de diseño de apps?
Lo suficiente para nombrar los seis elementos, pero no tan largo que se vuelva contradictorio. Los prompts de arriba van desde una sola frase (el mercado de zapatillas) hasta un párrafo completo (el rastreador de vuelos), y ambos funcionan. Más detalle suele producir un resultado más distintivo; un prompt vago produce uno genérico.
¿Qué estilos de diseño puede generar la IA para apps móviles?
Una gama amplia, si nombras el estilo. Los ejemplos de arriba abarcan glassmorphism, fintech en modo claro, pastel, modo oscuro, neo-brutalismo, Memphis, retro de los 90, Y2K, Internacional Suizo y caos brutalista. Nombrar una estética específica es la diferencia entre un diseño con carácter y una plantilla por defecto.
Empieza con un prompt y luego hazlo tuyo
La forma más rápida de llegar a un diseño que te guste es partir de uno que ya funciona. Copia cualquier prompt de arriba, cambia el tipo de app y el estilo para que encajen con tu idea, y ejecútalo. Si tu objetivo es lanzar, nuestras guías sobre las mejores herramientas de IA para diseño de apps móviles y crear una app móvil sin programar cubren lo que viene después del diseño.
¿Listo para probar el tuyo? Abre Sleek, pega un prompt y mira tus primeras pantallas en un par de minutos.
Artículos recientes
