Тёмный

Create An Interactive Search Bar & Button: Figma Tutorial 

Darren Northcott - Figma, UX & UI
Подписаться 5 тыс.
Просмотров 53 тыс.
50% 1

In this Figma tutorial we create an animated, interactive search button that expands into a search bar with search results.
Subscribe : / @darrennorthcott
Patreon: / darrennorthcott
Sign Up for Updates, Tips & Tricks : northcott.substack.com/
Download Figma: bit.ly/41F6yaS
#figma #figmatutorial #search #smartanimate #ux #ui #design

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

 

18 мар 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@mariachistatik1258
@mariachistatik1258 Год назад
This was so helpful and super straightforward. Subscribed!
@olababs2048
@olababs2048 5 месяцев назад
Your videos are on points 👉 the way you speak makes everything easy to follow. Thank you
@danedwards11
@danedwards11 7 месяцев назад
Brilliant tutorial, really easy to follow!
@dennisantonio6154
@dennisantonio6154 Год назад
YES!!!! Its very helpful, exactly what Im looking for. thank you! I will subscribe.
@oksanamartynkova4259
@oksanamartynkova4259 9 месяцев назад
Wow! It's really good tutorial! Thank you!
@user-ze3ib2eq3b
@user-ze3ib2eq3b Год назад
And Subscribed. Great straight to the point video.
@spacedillah6840
@spacedillah6840 Год назад
So helpful. Thank you :)
@olumideaanu5403
@olumideaanu5403 Год назад
I'm wowed. Keep it up.
@emekieblinkzokorie3938
@emekieblinkzokorie3938 8 месяцев назад
this is great...thank you for sharing
@pollyne5010
@pollyne5010 8 месяцев назад
Great video, Thank you
@diegovictor6772
@diegovictor6772 11 месяцев назад
Great tutorial!!!! 🎉🎉
@eirikmonsen9359
@eirikmonsen9359 9 месяцев назад
Awesome!
@nadia5792
@nadia5792 9 месяцев назад
Thank you!!!
@AimBigger
@AimBigger 7 месяцев назад
Loved it
@iamalvinaringo
@iamalvinaringo Год назад
Keep up the great work! I love the short tutorials you have. I'm using them as daily practical 20-minute challenges to perfect skills that would have otherwise taken a bit longer to practice. How many more tutorials are on Patreon?
@DarrenNorthcott
@DarrenNorthcott Год назад
Glad you like them! Right now there are 3 on Patreon, over the next few weeks I will be building out 3 more, then moving into a more guided project with one off more experimental stuff. I'll also be adding in articles and useful UX tips as I go.
@waves1731
@waves1731 11 месяцев назад
Great tutorial but you gotta figure out you mic situation my dude. You're mostly way too quite but then the volume spikes when you talk into the mic.
@design1556
@design1556 5 месяцев назад
Thank Thanks 🙏
@jamaliphoto
@jamaliphoto 3 месяца назад
perfect!
@KelvinChiuFilms
@KelvinChiuFilms Год назад
Thank you for this man. I recently lost my job and my dream is to pivot into product design, so your videos help more than you know!
@DarrenNorthcott
@DarrenNorthcott Год назад
Oh man, sorry to hear that. Glad I could be of some help!
@edrianhadinata1303
@edrianhadinata1303 5 дней назад
thanks man.. its very helpful, but don't use shortcut without explanation and display, ex shift + E
@cosmiqtoast1187
@cosmiqtoast1187 7 месяцев назад
Good stuff
@thazleassain212
@thazleassain212 3 месяца назад
greate one
@bennagirish
@bennagirish 6 месяцев назад
only one word = Awesome
@santoshladde83
@santoshladde83 11 месяцев назад
Also please add tutorial for multi select checkbox with chips added, we can add and remove the selected items
@randomstuffz365
@randomstuffz365 Год назад
Cool good ...can u also pls tell how do we convert a website into a app ?
@baaron1254
@baaron1254 7 месяцев назад
Why does this guy sound like Anton Chigurh from No Country For Old Men?
@Arkan.20
@Arkan.20 5 месяцев назад
@merovmerov7631
@merovmerov7631 4 месяца назад
Going too fast, don't have the time to see where your mouse went that you're already clicking somewhere else
@chideranwafor4772
@chideranwafor4772 8 месяцев назад
cant hear you
@Pupuzela
@Pupuzela 7 месяцев назад
Whisper me at my sleep daddy 😏 **Read: Please, be louder**
@ShaunLevett
@ShaunLevett 11 месяцев назад
These are good but not sure who they’re aimed at. It seems newer users benefit from these tutorials, yet you don’t explain what you’re doing in terms of layouts and keyboard shortcuts etc. Only more advanced users will understand the process, but they’ll already know how to do all this. I think you just need to explain why you do some things.
@_.crykenny._3019
@_.crykenny._3019 Год назад
why do you not speak louder
@natalifernandez3272
@natalifernandez3272 4 месяца назад
can u talk louder next time its super quiet and my volume is all the way
@yuvrajchhatwani
@yuvrajchhatwani 3 месяца назад
worst tutorial ever 😢😭 not for beginners or noobs
Далее
Самое Романтичное Видео ❤️
00:16
How to Design a Search Bar Typing Animation in Figma
13:15
Micro animations in Figma
8:05
Просмотров 132 тыс.
Create an Interactive SEARCH BAR in Figma
11:02
Просмотров 38 тыс.
The UI/UX of Designing Effective Search Bars
22:09
Просмотров 21 тыс.
Самое Романтичное Видео ❤️
00:16