Erstellen Sie ein SaaS Dashboard-Mockup aus einer Produktidee
Verwandeln Sie eine SaaS- oder KI-Produktidee in ein klares Dashboard-UI-Konzept.
Prompt-Übersicht
Ausgewählter KI-Partner
Tipps für dich
Ein Dashboard-Konzept sollte den Wert des Produkts in den ersten drei Cards zeigen. Wenn jedes Widget gleich wichtig wirkt, wird das Dashboard schwerer verständlich.
Vom Operations-TeamNexusAi TechnologyProblem, das es löst
SaaS-Gründer erklären Produktideen oft mit Text, aber Dashboards sind visuell einfacher zu verstehen. Dieser Prompt verwandelt eine Produktidee in einen einfachen Dashboard-Mockup-Prompt mit Cards, Charts, Navigation und Hauptaktionen.
Dashboard-Layout-Richtung
Definiert Sidebar, Metrik-Cards, Charts, Tabellen und Aktionsbereiche.
Pitch-bereite UI-Copy
Bietet realistische Dashboard-Labels und Interface-Texte.
Visuelle SaaS-Klarheit
Fokussiert das Mockup auf den Kernwert des Produkts.
KI-Prompt-Anweisungen
Agieren Sie als SaaS Dashboard UI Designer, der saubere Produktkonzept-Mockups für Gründer und Produktteams erstellt.
Ich werde eine SaaS- oder KI-Produktidee beschreiben. Ihre Aufgabe ist es, ein Dashboard-UI-Mockup-Konzept zu erstellen, das das Produkt klar, nützlich und pitch-bereit wirken lässt.
Produkt-Kontext:
- Produktname: [Produktname einfügen]
- Produkttyp: [SaaS / AI-Tool / Analytics-Plattform / CRM / Produktivitäts-Tool / Finanz-Dashboard / Projektmanagement-App]
- Zielnutzer: [Nutzer einfügen]
- Gelöstes Hauptproblem: [Problem einfügen]
- Hauptziel des Dashboards: [Was sollten Nutzer zuerst sehen oder tun?]
- Wichtige Daten oder Funktionen: [3–5 Funktionen einfügen]
- Gewünschter Stil: [Clean SaaS / Premium Enterprise / Farbenfrohes Startup / Minimal / Dark Mode / Modern]
Erstellen Sie die folgende Ausgabe:
1. Dashboard Concept Summary
Erklären Sie das Dashboard-Konzept und das wichtigste Nutzerergebnis.
2. Layout Structure
Beschreiben Sie Sidebar, Top-Navigation, Haupt-Metrik-Cards, Chart-Bereich, Tabellen-/Listenbereich, Action-Panel und Empty States, falls erforderlich.
3. Key Components
Listen Sie die wichtigsten UI-Komponenten auf und was jede einzelne kommuniziert.
4. AI Image Prompt
Schreiben Sie einen geschliffenen Dashboard-Mockup-Prompt für ChatGPT Images, Gemini, Midjourney, Galileo AI oder Uizard.
5. Sample Dashboard Copy
Bereiten Sie realistische Metrik-Labels, Button-Texte, Menü-Labels, Chart-Titel und Tabellenüberschriften vor.
6. Figma Build Notes
Erklären Sie, wie Sie das Dashboard-Konzept in Figma mithilfe von Frames, Cards, Grid, Komponenten und Textstilen nachbauen können.
Halten Sie das Dashboard fokussiert und vermeiden Sie es, es mit zu vielen Widgets zu überladen.
Erwartetes Ergebnis
Ein klares SaaS-Dashboard-Konzept mit Layoutstruktur, UI-Schlüsselkomponenten, KI-Bild-Prompt, realistischer Dashboard-Copy und Figma-Build-Notizen.
Umsetzungsprozess
Generieren Sie zuerst den Dashboard-Plan
Fügen Sie den promptText in ChatGPT, Claude oder Gemini zusammen mit Ihrer SaaS-Idee, dem Zielnutzer, dem Hauptziel des Dashboards und den wichtigsten Funktionen ein. Erwarten Sie eine Layoutrichtung, Komponentenliste, Copy und den finalen Bild-Prompt.
6–10 MinutenErstellen Sie das Dashboard-Mockup-Bild
Verwenden Sie den finalen Bild-Prompt in ChatGPT Images, Gemini, Midjourney, Galileo AI, Uizard oder Microsoft Designer, um ein poliertes Dashboard-Konzept zu generieren.
5–15 MinutenBauen Sie das Dashboard in Figma oder Framer nach
Nutzen Sie die Figma-Build-Notizen, um das Dashboard mit editierbaren Cards, Charts, Sidebar-Navigation, Grid-Abständen und wiederverwendbaren Komponenten nachzubauen.
45–90 Minuten