Create an Interactive SEARCH BAR in Figma

Подписаться 44 тыс.

Просмотров 40 тыс.

50% 1

Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
Get the SOURCE FILES for this project ($1.99): payhip.com/b/qldcx
This is a Figma interactive prototype / prototyping tutorial that will teach you how to create an interactive search bar component with a magnifying glass / search icon. Great for designing websites, user interface, UX / UI design and creating a design system.
----------
© 2022 Mavi Design

Опубликовано:

25 авг 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 18

@ronaldorochayucra854 12 часов назад

How can I make it slide from right to left, I can't find a guide for help...

@AndrejaPopovik Год назад

For me the X button that closes the search-bar does not work. It is made exactly as you made it, but it still won't close the search bar.

@trickygazelle3795 Год назад

How do you make it come out from right to left? It's killing me!

@andreja9119

The close button worked for me, however if i click on the magnifying glass it wont open the search bar, instead i need to click on the rectangle shape to open it.

@delfinjraurbano6588 Год назад

More vids like these. This is amazing.

@listentoyourheart563 Год назад

hi do you have a plugin for this?

@KristenBecker-jy4kx Год назад

Thank you for making this you have made it easier for me to understand the components and I want to learn more about interactive components and your vids help a lot