Logo of UI Challenges
Sign in
Wireframe example for Command Palette
An example interpretation of the prompt
Icon of target

Command Palette

Icon of book open

Design a command palette for a desktop app that opens over the current screen and lets users jump to actions, pages, and utilities without leaving context. The palette should feel lightweight, but it still needs enough structure to handle a long command set.

The default state should include a focused search field, recent commands, and a few high-value shortcuts. Results should be grouped in a clear hierarchy, with icons or labels where needed to separate actions, destinations, and settings. When multiple commands look similar, add a short descriptor so users can tell them apart at a glance.

Design the interaction states too: keyboard focus, arrow-key selection, mouse hover, no matches, loading, and restricted actions. If a command needs confirmation, show that before execution; if a command is unavailable, explain why and offer the nearest valid path. Keep the palette readable, fast to scan, and usable without a mouse.

Icon of book open

Leverage familiar keyboard interactions, like 'Ctrl/Cmd + P', to activate the palette, making it second nature for power users.

Better at UI design with every challenge

Select complexity and generate challenge.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.