10 Exemplos de Design de Apps Móveis com IA e Prompts que Podes Copiar
Descobre 10 exemplos impressionantes de design de aplicações móveis com IA e os seus prompts reais. Desde rastreadores de sono a aplicações bancárias, vê o que é possível com ferramentas de design IA.
Aqui estão 10 prompts reais de design de apps móveis que você pode copiar, cada um mostrado com o design que ele realmente produziu. Um bom prompt de design de app móvel nomeia seis coisas: a tela, seus principais elementos de UI, o estilo visual, a paleta de cores, a tipografia e o clima. Todos os prompts abaixo foram rodados no Sleek e publicados no X.
Estas não são maquetes hipotéticas nem modelos prontos. Cada design foi gerado com o Sleek, nossa ferramenta de design de apps móveis com IA, e publicado no X pelo Mattia: rastreadores de sono relaxantes, marketplaces de tênis arrojados, calendários brutalistas, tudo a partir de um único prompt de texto.
- Copie qualquer um destes 10 prompts de design de app móvel e adapte para o seu próprio app.
- Um bom prompt nomeia seis coisas: a tela, os principais elementos de UI, o estilo visual, a paleta de cores, a tipografia e o clima.
- Cada prompt é mostrado com o design real que ele produziu no Sleek, não uma maquete pronta.
- A mesma tela pode variar de glassmorphism a brutalista a Y2K dependendo do estilo que você nomear.
- Prompts mais específicos produzem designs mais distintos; prompts vagos produzem designs genéricos.
- Cada design aqui veio de um único prompt de texto, em minutos.
O que faz um bom prompt de design de app móvel?
Um bom prompt de design de app móvel é específico sobre seis coisas: a tela (home, dashboard, perfil), seus principais elementos de UI (cards, gráficos, navegação), o estilo visual (glassmorphism, brutalista, suíço), a paleta de cores (por nome, hex ou clima), a tipografia e o clima. Nomeie essas coisas e a IA produz um design com ponto de vista, não um modelo genérico.
Todos os prompts abaixo seguem esse formato. Quanto mais concreto você for sobre estilo e sensação, mais o resultado parece um app real e com opinião própria em vez de um wireframe. Copie um, troque pelos detalhes do seu próprio app e rode.
10 prompts de design de app móvel (e os designs que eles criaram)
Cada exemplo combina o prompt exato com o design que ele produziu. Copie o prompt, mude os detalhes e use como ponto de partida.
1. App de Monitorização do Sono (Glassmorphism Etéreo)
Este painel de controlo de sono mostra um glassmorphism etéreo, perfeito para aplicações focadas no relaxamento e bem-estar.
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 Painel Financeiro (Fintech Modo Claro)
Um painel financeiro limpo que parece confiável e profissional, ideal para aplicações bancárias ou de orçamento.
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 Rede Social (Três Variações de Estilo)
Este exemplo mostra como o mesmo conceito de ecrã se transforma através de três estilos visuais distintos: pastel amigável, minimalista limpo e modo escuro elegante.
AI designed the same app in 3 styles Which one's your favorite?
Design 1 Prompt (Pastel Amigável): "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."
Design 2 Prompt (Minimalista Limpo): "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."
Design 3 Prompt (Modo Escuro): "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 Leitor de Música (Três Variações de Estilo)
Este exemplo mostra o mesmo conceito de leitor de música em três estéticas tremendamente diferentes: Neo-Brutalismo Suave, Memphis Moderno e Retro dos anos 90.
AI is getting weirdly creative with design Which style is your favorite?
Design 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."
Design 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."
Design 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 Painel de Fitness (Modo Claro Motivacional)
Um painel de fitness energético que motiva os utilizadores com visualização de dados limpa e design encorajador.
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 Bancária (Estilo Nostálgico Y2K)
Uma versão lúdica da banca que prova que a IA pode criar designs arrojados e pouco convencionais quando instruída corretamente.
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 Suíço)
O minimalismo extremo encontra a precisão funcional neste design de temporizador de estilo suíço.
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 Voos (Estética Pronta para Viajar)
Uma interface sofisticada de rastreio de voos que reduz o stress da viagem através de informação clara e 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 Ténis (Cultura Hype Gen-Z)
Um design de mercado de streetwear arrojado que captura a energia da Geração Z com modo escuro e acentos elétricos.
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 Calendário (Caos Brutalista)
Um calendário brutalista intencionalmente caótico que quebra todas as regras de design convencionais.
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."
Como escrever melhores prompts de design com IA
Olhando para estes exemplos, os prompts que produziram os designs mais fortes nomeiam as mesmas seis coisas:
Tipo de tela: Diga a tela que você quer (home screen, dashboard, perfil).
Principais elementos de UI: Liste os componentes que ela deve conter (cards, gráficos, navegação, botões).
Estilo visual: Nomeie a estética (glassmorphism, brutalista, estilo suíço) ou descreva-a em detalhe concreto.
Cor: Especifique as cores por nome, código hex ou clima (azuis relaxantes, coral energético).
Tipografia: Mencione o estilo da fonte, a hierarquia e como o texto deve transmitir sua sensação.
Clima: Descreva a resposta emocional que você quer, porque é isso que leva o resultado para além de um modelo genérico.
A lição é simples: prompts vagos rendem telas genéricas, prompts específicos rendem designs com ponto de vista. Até o prompt de uma linha do app de tênis nomeia um estilo, uma cor e uma energia. Para o panorama maior, veja como a IA está remodelando o design de apps, nosso guia de design de apps móveis com IA e nosso guia de geradores de maquetes com IA.
O que é um bom prompt para design de apps móveis com IA?
Um bom prompt nomeia a tela, seus principais elementos de UI, o estilo visual, a paleta de cores, a tipografia e o clima. Por exemplo: um dashboard financeiro com um card de saldo e gráfico de rosca, modo claro com fundo creme e acento teal, tipografia sans-serif limpa e uma sensação confiável e premium. Essa especificidade é o que faz a IA produzir um design com ponto de vista em vez de um modelo genérico.
Como escrever um prompt de design de app móvel?
Comece pela tela e pelo que ela contém, depois acrescente o estilo. Indique o tipo de tela e seus elementos de UI, nomeie o estilo visual (glassmorphism, brutalista, suíço), dê as cores por nome, hex ou clima, descreva a tipografia e termine com o clima que você quer. Os 10 prompts acima seguem todos essa ordem, então você pode copiar um e trocar pelos seus próprios detalhes.
Posso copiar esses prompts?
Sim. Todos os prompts aqui são mostrados na íntegra para que você possa copiá-los e adaptá-los. Mude o tipo de app, troque a paleta de cores ou substitua um estilo visual por outro, e depois rode na sua ferramenta de design com IA. Eles são pontos de partida, não receitas fixas.
Qual ferramenta de IA gerou esses designs?
Todos os dez foram gerados com o Sleek, uma ferramenta de design de apps móveis com IA que transforma um prompt de texto em telas iOS e Android editáveis em minutos, e depois exporta para o Figma como camadas nativas ou para código React e Tailwind. Cada design foi publicado no X pelo Mattia conforme foi criado.
Quão detalhado deve ser um prompt de design de app?
Detalhado o suficiente para nomear os seis elementos, mas não tão longo a ponto de se tornar contraditório. Os prompts acima vão de uma única frase (o marketplace de tênis) a um parágrafo inteiro (o rastreador de voos), e ambos funcionam. Mais detalhe geralmente produz um resultado mais distinto; um prompt vago produz um genérico.
Quais estilos de design a IA consegue gerar para apps móveis?
Uma ampla variedade, se você nomear o estilo. Os exemplos acima cobrem glassmorphism, fintech em modo claro, pastel, modo escuro, neo-brutalismo, Memphis, retro dos anos 90, Y2K, Internacional Suíço e caos brutalista. Nomear uma estética específica é a diferença entre um design com personalidade e um modelo padrão.
Comece com um prompt, depois deixe-o do seu jeito
O caminho mais rápido para um design de que você gosta é partir de um que já funciona. Copie qualquer prompt acima, mude o tipo de app e o estilo para combinar com a sua ideia, e rode. Se o seu objetivo é lançar, nossos guias sobre as melhores ferramentas de IA para design de apps móveis e criar um app móvel sem programar cobrem o que vem depois do design.
Pronto para tentar o seu? Abra o Sleek, cole um prompt e veja suas primeiras telas em alguns minutos.
Artigos Recentes
