10 KI-Mobile-App-Design-Beispiele mit Prompts zum Kopieren
10 echte, kopierbare Prompts für Mobile-App-Design und das KI-generierte Design, das jeder in Sleek hervorgebracht hat, von Glassmorphism-Schlaf-Trackern bis zu brutalistischen Kalendern.
Hier sind 10 echte Prompts für Mobile-App-Design, die Sie kopieren können, jeweils gezeigt mit dem Design, das sie tatsächlich hervorgebracht haben. Ein guter Prompt fürs Mobile-App-Design benennt sechs Dinge: den Screen, seine wichtigsten UI-Elemente, den visuellen Stil, die Farbpalette, die Typografie und die Stimmung. Jeder Prompt unten wurde in Sleek ausgeführt und auf X gepostet.
Das sind keine hypothetischen Mockups oder Stock-Vorlagen. Jedes Design wurde mit Sleek generiert, unserem KI-Tool fürs Mobile-App-Design, und auf X von Mattia gepostet: beruhigende Schlaf-Tracker, kühne Sneaker-Marktplätze, brutalistische Kalender, alle aus einem einzigen Text-Prompt.
- Kopieren Sie jeden dieser 10 Prompts fürs Mobile-App-Design und passen Sie ihn an Ihre eigene App an.
- Ein guter Prompt benennt sechs Dinge: den Screen, die wichtigsten UI-Elemente, den visuellen Stil, die Farbpalette, die Typografie und die Stimmung.
- Jeder Prompt wird mit dem echten Design gezeigt, das er in Sleek hervorgebracht hat, kein Stock-Mockup.
- Derselbe Screen kann je nach genanntem Stil von Glassmorphism über brutalistisch bis Y2K reichen.
- Spezifischere Prompts bringen markantere Designs hervor; vage Prompts bringen generische hervor.
- Jedes Design hier entstand aus einem einzigen Text-Prompt in wenigen Minuten.
Was macht einen guten Prompt fürs Mobile-App-Design aus?
Ein guter Prompt fürs Mobile-App-Design ist bei sechs Dingen konkret: dem Screen (Home, Dashboard, Profil), seinen wichtigsten UI-Elementen (Karten, Charts, Navigation), dem visuellen Stil (Glassmorphism, brutalistisch, Schweizer Stil), der Farbpalette (nach Namen, Hex oder Stimmung), der Typografie und der Stimmung. Benennen Sie diese Punkte, und die KI bringt ein Design mit Haltung hervor, keine generische Vorlage.
Jeder Prompt unten folgt dieser Form. Je konkreter Sie bei Stil und Gefühl werden, desto mehr sieht das Ergebnis nach einer echten App mit eigener Meinung aus statt nach einem Wireframe. Kopieren Sie einen, setzen Sie die Details Ihrer eigenen App ein und führen Sie ihn aus.
10 Prompts fürs Mobile-App-Design (und die Designs, die sie hervorgebracht haben)
Jedes Beispiel verbindet den exakten Prompt mit dem Design, das er hervorgebracht hat. Kopieren Sie den Prompt, ändern Sie die Details und nutzen Sie ihn als Ausgangspunkt.
1. Schlaf-Tracking-App (Ätherischer Glassmorphismus)
Dieses Schlaf-Dashboard zeigt ätherischen Glassmorphismus, perfekt für Apps, die sich auf Entspannung und Wellness konzentrieren.
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. Finanz-Dashboard-App (Fintech im hellen Modus)
Ein sauberes Finanz-Dashboard, das vertrauenswürdig und professionell wirkt, ideal für Banking- oder Budget-Apps.
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. Social-Media-Profil (Drei Stilvariationen)
Dieses Beispiel zeigt, wie sich dasselbe Bildschirmkonzept durch drei verschiedene visuelle Stile verwandelt: pastellfreundlich, sauber minimalistisch und eleganter dunkler Modus.
AI designed the same app in 3 styles Which one's your favorite?
Design 1 Prompt (Pastellfreundlich): "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 (Sauber Minimalistisch): "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 (Dunkler Modus): "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. Musik-Player-App (Drei Stilvariationen)
Dieses Beispiel präsentiert dasselbe Musik-Player-Konzept in drei völlig unterschiedlichen Ästhetiken: Sanfter Neo-Brutalismus, Modernes Memphis und Retro 90er.
AI is getting weirdly creative with design Which style is your favorite?
Design 1 Prompt (Sanfter Neo-Brutalismus): "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 (Modernes Memphis): "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 90er): "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. Fitness-Dashboard-App (Motivierender heller Modus)
Ein energiegeladenes Fitness-Dashboard, das Benutzer mit sauberer Datenvisualisierung und ermutigendem Design motiviert.
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. Banking-App (Y2K Nostalgischer Stil)
Eine spielerische Interpretation von Banking, die beweist, dass KI kühne, unkonventionelle Designs erstellen kann, wenn sie richtig angewiesen wird.
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. Stoppuhr-App (Schweizer Internationaler Stil)
Extremer Minimalismus trifft auf funktionale Präzision in diesem Timer-Design im Schweizer Stil.
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. Flug-Tracker-App (Reisebereit-Ästhetik)
Eine anspruchsvolle Flug-Tracking-Oberfläche, die Reisestress durch klare, organisierte Informationen reduziert.
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. Sneaker-Marktplatz-App (Gen-Z Hype-Kultur)
Ein kühnes Streetwear-Marktplatz-Design, das die Energie der Gen Z mit dunklem Modus und elektrischen Akzenten einfängt.
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. Kalender-App (Brutalistisches Chaos)
Ein absichtlich chaotischer brutalistischer Kalender, der alle konventionellen Designregeln bricht.
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."
Wie man bessere KI-Design-Prompts schreibt
Betrachtet man diese Beispiele, benennen die Prompts, die die stärksten Designs hervorgebracht haben, dieselben sechs Dinge:
Screen-Typ: Nennen Sie den gewünschten Screen (Home-Screen, Dashboard, Profil).
Wichtigste UI-Elemente: Listen Sie die Komponenten auf, die er enthalten soll (Karten, Charts, Navigation, Buttons).
Visueller Stil: Benennen Sie die Ästhetik (Glassmorphismus, brutalistisch, Schweizer Stil) oder beschreiben Sie sie konkret im Detail.
Farbe: Geben Sie Farben nach Namen, Hex-Code oder Stimmung an (beruhigende Blautöne, energetisches Koralle).
Typografie: Erwähnen Sie Schriftstil, Hierarchie und wie sich der Text anfühlen soll.
Stimmung: Beschreiben Sie die emotionale Reaktion, die Sie hervorrufen möchten, denn genau das hebt das Ergebnis über eine generische Vorlage hinaus.
Das Fazit ist einfach: Vage Prompts bringen generische Screens, spezifische Prompts bringen Designs mit Haltung. Selbst der einzeilige Sneaker-Prompt benennt einen Stil, eine Farbe und eine Energie. Für das große Ganze sehen Sie, wie KI das App-Design umkrempelt, unseren Leitfaden zum KI-Mobile-App-Design und unseren Leitfaden zu KI-Mockup-Generatoren.
Was ist ein guter Prompt fürs KI-Mobile-App-Design?
Ein guter Prompt benennt den Screen, seine wichtigsten UI-Elemente, den visuellen Stil, die Farbpalette, die Typografie und die Stimmung. Zum Beispiel: ein Finanz-Dashboard mit einer Kontostandskarte und einem Donut-Chart, heller Modus mit cremefarbenem Hintergrund und Teal-Akzent, saubere Sans-Serif-Schrift und ein vertrauenswürdiges, hochwertiges Gefühl. Diese Konkretheit ist es, die die KI ein Design mit Haltung statt einer generischen Vorlage hervorbringen lässt.
Wie schreibt man einen Prompt fürs Mobile-App-Design?
Beginnen Sie mit dem Screen und seinem Inhalt, dann legen Sie den Stil darüber. Nennen Sie den Screen-Typ und seine UI-Elemente, benennen Sie den visuellen Stil (Glassmorphismus, brutalistisch, Schweizer Stil), geben Sie die Farben nach Namen, Hex oder Stimmung an, beschreiben Sie die Typografie und enden Sie mit der gewünschten Stimmung. Die 10 Prompts oben folgen alle dieser Reihenfolge, sodass Sie einen kopieren und Ihre eigenen Details einsetzen können.
Kann ich diese Prompts kopieren?
Ja. Jeder Prompt hier wird vollständig gezeigt, sodass Sie ihn kopieren und anpassen können. Ändern Sie den App-Typ, tauschen Sie die Farbpalette aus oder ersetzen Sie einen visuellen Stil durch einen anderen und führen Sie ihn dann in Ihrem KI-Design-Tool aus. Es sind Ausgangspunkte, keine festen Rezepte.
Welches KI-Tool hat diese Designs generiert?
Alle zehn wurden mit Sleek generiert, einem KI-Tool fürs Mobile-App-Design, das einen Text-Prompt in wenigen Minuten in bearbeitbare iOS- und Android-Screens verwandelt und dann nach Figma als native Layer oder zu React- und Tailwind-Code exportiert. Jedes Design wurde von Mattia auf X gepostet, sobald es entstanden war.
Wie detailliert sollte ein App-Design-Prompt sein?
Detailliert genug, um die sechs Elemente zu benennen, aber nicht so lang, dass er widersprüchlich wird. Die Prompts oben reichen von einem einzigen Satz (der Sneaker-Marktplatz) bis zu einem ganzen Absatz (der Flug-Tracker), und beide funktionieren. Mehr Detail bringt in der Regel ein markanteres Ergebnis hervor; ein vager Prompt bringt ein generisches hervor.
Welche Designstile kann KI für Mobile-Apps generieren?
Eine große Bandbreite, wenn Sie den Stil benennen. Die Beispiele oben decken Glassmorphismus, Fintech im hellen Modus, Pastell, Dark Mode, Neo-Brutalismus, Memphis, Retro 90er, Y2K, Schweizer Internationaler Stil und brutalistisches Chaos ab. Eine konkrete Ästhetik zu benennen ist der Unterschied zwischen einem Design mit Charakter und einer Standardvorlage.
Beginnen Sie mit einem Prompt, dann machen Sie ihn zu Ihrem eigenen
Der schnellste Weg zu einem Design, das Ihnen gefällt, ist, von einem zu starten, das bereits funktioniert. Kopieren Sie einen beliebigen Prompt oben, ändern Sie den App-Typ und den Stil passend zu Ihrer Idee und führen Sie ihn aus. Wenn Ihr Ziel ist, etwas zu launchen, decken unsere Leitfäden zu den besten KI-Tools fürs Mobile-App-Design und zum Bauen einer Mobile-App ohne Code ab, was nach dem Design kommt.
Bereit, Ihren eigenen auszuprobieren? Öffnen Sie Sleek, fügen Sie einen Prompt ein und sehen Sie Ihre ersten Screens in ein paar Minuten.
Aktuelle Artikel
