Learning Timeline
Key Insights
Breaking Away from Typical 'Tailwind' Designs
Most AI SaaS dashboards tend to look similar with a flat Tailwind CSS style. By using physical product references (like audio gear), Gemini 3.0 can generate a more 'elevated' and unique UI with realistic shadows and textures.
The Importance of PRDs in Prompting
Don't just provide design instructions. Include a 'Product Requirements Doc' (PRD) in your prompt so the AI understands the actual functionality of every button and chart, ensuring it's more than just a pretty interface.
Interactivity of Generated Results
The code generated by Gemini in Google AI Studio is often interactive. You can try clicking buttons or dragging elements to see how the UI functions 'live'.
Prompts
Physical Aesthetic Dashboard Design Prompt
Target:
Google AI Studio / Gemini 3.0
I'm building a software that is a analytics meets AI app for restaurants. I want it to be designed in a similar vibe [referencing uploaded image]. Use the design language, knobs, and tactile buttons. Make it look like an 'AI analyst chef OS'.
Step by Step
How to Build a SaaS Dashboard with a 'Physical Product' Vibe in Google AI Studio
- Open Google AI Studio and navigate to the 'Build' section.
- Look for the 'Describe your idea' field or the main prompt input box.
- Click the attachment icon or 'Add Image' to upload a physical product reference image (e.g., a photo of a Teenage Engineering musical instrument with unique buttons and knobs).
- Enter a prompt describing your SaaS application's functionality (e.g., AI analytics for restaurants).
- Specify in the prompt that the AI should follow the 'vibe' and design language of the reference image, including elements like knobs and physical buttons.
- For more detailed results, prepare a Product Requirements Doc (PRD) that lists specific product features.
- Copy and paste the PRD content into the prompt field after the design description.
- Click the 'Run' or 'Generate' button to create the dashboard UI.
- Once the UI is generated, test the interactive elements like buttons or drag-and-drop features on the dashboard components.
