What it’s great at
Marketing pages. Landing pages, pricing, feature pages, about. The default vibe — clean, modern, animated — fits this work like a glove. Dashboards. Sidebars, KPIs, charts, tables, empty states, settings. Especially strong on B2B SaaS aesthetics. Mobile app flows. Onboarding, sign-in, settings, content feeds. Picks up iOS / Material conventions when you name the platform. Render at native phone dimensions and Make it real to ship as Expo. (Sameprototype mode as web — the platform is set by your prompt + canvas size.)
Pitch decks and slides. Investor pitches, kickoff decks, internal updates. Generate one slide or describe the whole deck at once (“a 10-slide pitch for a B2B SaaS — premium, dark mode, electric purple accent”). Each slide is 16:9, consistent across the deck. Present in full-screen mode, or export to PDF.
Animated decks. Pitch decks with motion built in — transitions between slides, animated reveals, scroll-driven storytelling — using skills like guizang-ppt. Share as a live web page so the animations play in real time. (Same deck mode; animation is on or off per skill.)
Animations attached to a prototype. Hero animations, loading states, animated illustrations, scroll storytelling are part of the prototype itself — they render inside the web/app design. There isn’t a separate standalone “animation” canvas; ask for motion on the screen you’re designing.
Component sets and design systems. “Generate buttons, inputs, cards, modals, and dropdowns as a coherent set” runs the design-system mode and produces tokens + components designed together, so the system stays consistent and downstream prototypes inherit it.
Full multi-page sites. “Build a full SaaS site — landing, features, pricing, docs, login.” Generates every page in prototype mode with consistent colours, fonts, and components.
Pre-bundled templates. Ask for one of the curated templates by name (“use the social-carousel template”, “start from digital-eguide”) and the template mode drops a fully-formed design onto the canvas to iterate on.
What it’s okay at, with help
Data-heavy enterprise UIs. Asks like “an admin tool for managing 200k SKUs” tend toward visual minimalism that’s pretty but impractical. Counter with: “dense rows, mono-spaced numbers, no unnecessary whitespace, table-first layout.” Highly stylised brand work. It defaults to “premium clean.” For anything brutalist, retro, maximalist, or skeumorphic, name three reference brands (“like Are.na meets Figma meets Notion”) so it has anchors. Heavy illustration. It places photos and icons well. Hand-drawn illustrations, custom characters, mascots — not its strong suit. Ship the illustrations separately.What it doesn’t try to do
- Static pixel-perfect mockups — designs are always interactive HTML, not flat images
- Identity / branding work — logos, naming, brand strategy
- Anything outside the Tailwind utility-CSS world
How to ask for great output
Lead with feel, not features
Bad: “A landing page with hero, features, pricing, footer.” Better: “A landing page for a habit tracker — warm and friendly, not corporate, feels like a hand-written journal but modern. Show real screenshots of streak counts.”Name three brands as anchors
If you can name three brands whose aesthetic you want to borrow from, the output gets 2× better. Mix unexpected ones for surprising results.“The energy of Linear, the softness of Notion, the playfulness of Duolingo.”
Be specific about the target user
“For solo consultants” lands differently than “for enterprise sales teams.” The colours, the copy, the social proof — all change.Say what to avoid
“No stock-photo handshakes. No gradient overload. No ‘powered by AI’ badges.” Anti-preferences shape output as much as preferences.Generating multi-page sites
Prompt for the whole thing at once and Design Mode will detect the page list and generate them with consistent design DNA.“Build a complete SaaS website for a project-management tool: landing, features, pricing, docs index, login. Premium, dark mode, electric purple accent.”Each page picks up the colour palette, typography, and component patterns from the first page generated. You’ll get one cohesive system, not five strangers.
Generating variations
Three ways to get options:- Prompt again with the same brief — gives you a parallel take
- Right-click → Variants on any design — generates three alternates from the same brief
- Prompt with constraints flipped — “same brief but dark mode” / “same brief but for tablet”
What good output looks like
A finished Design Mode session usually has:- 3–10 designs on the canvas (you generated more, deleted the rejects)
- Consistent palette and typography across the keepers
- Real content — no
lorem ipsum, no placeholder names - At least one design you’d ship as-is