Command palette
Desktop11 components29 variants4 recreations
Desktop command palettes: Command K, nested pages, scoped tabs, preview, Ask AI, cheat sheet and quick switcher.
$9, or included with Pro
AI chat and prompt UI (Desktop)
Desktop packDomain
Desktop AI chat layouts, prompt box, artifact panel, code blocks, citations, run steps, tool approval and usage meter.
- components
- 10
- variants
- 28
- recreations
- 4
- themes
- 5
Also for mobile: AI chat and prompt UI
What’s inside
Ten AI interface patterns for web apps: a chat layout with sidebar, a prompt box with file chips and Send or Stop, an artifact panel, streaming code blocks, citation hover cards, multi-step runs, tool approval, an inline Ask AI popover, a usage meter and a model picker. Each page shows a live state grid and an in-context scene, with keyboard and screen reader notes.
- 10 sets with streaming, running, failed and used-up states
- Tool approval with asking, allowed and denied
- Citations with hover cards for every source
- 4 recreations of real AI chat and coding tools
Chat layout
3 variants
- Conversation
- New chat
- Sidebar closed
Prompt box
Free sample4 variants
- Empty
- Typing
- With file
- Running
Artifact panel
3 variants
Code block
3 variants
- Streaming
- Complete
- Copied
Citation hover card
2 variants
- Closed
- Open
Agent run
3 variants
- Running
- Done
- Failed
Tool approval
3 variants
- Asking
- Allowed
- Denied
Ask AI popover
2 variants
- Prompt
- Answer
Usage meter
3 variants
- Plenty
- Low
- Used up
Model picker
2 variants
- Closed
- Open
- Figma file
- SuperDuper Pack: AI chat and prompt UI (Desktop)
- Themes
- Light, Dark, Light high contrast, Dark high contrast and Wireframe
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
How ChatGPT, Claude and v0 and others do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Chat assistant
Recreated from ChatGPT
Writing assistant
Recreated from Claude
App builder
Recreated from v0
Code agent
Recreated from Cursor
Not affiliated with, endorsed or sponsored by ChatGPT, Claude, v0 and Cursor. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the prompt box full size, free
The prompt box empty, typing, with a file attached and running, with Send swapping to Stop. All 4 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Desktop8 components36 variants4 recreations
Desktop notification bell and popover, inbox page, row types, snooze, preferences matrix, email digest and empty inbox.
$9, or included with Pro
Commerce and product pages
Desktop18 components76 variants3 recreations
Desktop product galleries, buy boxes, variant pickers, quick view, carts, reviews, comparison tables and store headers.
$9, or included with Pro
Questions about the ai chat and prompt ui pack
One Figma file: SuperDuper Pack: AI chat and prompt UI (Desktop). It has 10 components with 28 variants, 4 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.