2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Google, IBM & Microsoft Certificates — All in One Plan
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn how to design an effective search input in Figma through this 22-minute tutorial video. Explore various interactive states including default, active, auto-suggestion dropdown, and auto-correct. Follow along as the instructor guides you through creating a magnifying button component, designing focus states, implementing auto-suggestions and auto-correct features, and assembling the final search component. Gain insights on integrating the search bar into a navbar design and receive valuable tips for enhancing the overall user experience of search functionality in your UI/UX projects.
Syllabus
- Introduction
- Learn UI/UX Interactively
- Designing the Search Bar
- Magnifying Button Component
- Focus State Design
- Auto-Suggestions Design
- Auto-Correct Design
- Creating the Search Component
- Designing a Navbar
- Final Thoughts
Taught by
DesignCourse