Command Palette | UX Patterns #1

UX Patterns Knowledge Base 👉 https://outdraw-academy.gitbook.io/ux-patterns/

Welcome to the UX Patterns series! Together, we explore the most popular, useful, and unique user experience patterns.


In episode 1, we explore the command palette. I'll walk you through the component structure, how to design it and what mistakes to avoid. We analyse examples from the most popular tools like @code @Figma @Notion and Type.ai

---
Visit my online school:
👉 Outdraw Academy: https://www.outdraw.academy/

---
Courses:

Free 🤑 Portfolio Masterclass: https://www.outdraw.academy/courses/portfolio-masterclass
🚀 UX Job Interviews Sprint: https://outdraw.academy/courses/ux-job-interviews-sprint

---
🎯 Product Design Candidate Scorecard: https://product-design-candidate-scorecard.scoreapp.com/

---
Instagram: https://www.instagram.com/outdraw.academy/
Twitter: http://twitter.com/AlicjaSuska/
LinkedIn: https://www.linkedin.com/in/alicjasuska/

---
Timestamps:
0:00 Intro
0:45 What is the command palette?
1:05 Structure
2:14 Visual Studio Code
2:58 Figma
3:48 Notion
4:55 Type.ai
6:19 Why use it?
7:58 When use it?
8:51 Designing a command palette

---
Thank you for watching, and I'll see you soon!