No video

Create An Interactive Search Bar & Button: Figma Tutorial

  Рет қаралды 58,704

Darren Northcott - Figma, UX & UI

Darren Northcott - Figma, UX & UI

Жыл бұрын

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.subs...
Download Figma: bit.ly/41F6yaS
#figma #figmatutorial #search #smartanimate #ux #ui #design

Пікірлер: 36
@olababs2048
@olababs2048 7 ай бұрын
Your videos are on points 👉 the way you speak makes everything easy to follow. Thank you
@waves1731
@waves1731 Жыл бұрын
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.
@mariachistatik1258
@mariachistatik1258 Жыл бұрын
This was so helpful and super straightforward. Subscribed!
@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!
@Edcabraltv
@Edcabraltv Күн бұрын
Hopefully you landed something by now. Good luck
@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.
@dennisantonio6154
@dennisantonio6154 Жыл бұрын
YES!!!! Its very helpful, exactly what Im looking for. thank you! I will subscribe.
@danedwards11
@danedwards11 8 ай бұрын
Brilliant tutorial, really easy to follow!
@oksanamartynkova4259
@oksanamartynkova4259 10 ай бұрын
Wow! It's really good tutorial! Thank you!
@bennagirish
@bennagirish 7 ай бұрын
only one word = Awesome
@olumideaanu5403
@olumideaanu5403 Жыл бұрын
I'm wowed. Keep it up.
@ABESW0RLD
@ABESW0RLD Ай бұрын
Itd be great if you could show how you got the search component...
@santoshladde83
@santoshladde83 Жыл бұрын
Also please add tutorial for multi select checkbox with chips added, we can add and remove the selected items
@nadia5792
@nadia5792 11 ай бұрын
Thank you!!!
@eirikmonsen9359
@eirikmonsen9359 10 ай бұрын
Awesome!
@emekieblinkzokorie3938
@emekieblinkzokorie3938 9 ай бұрын
this is great...thank you for sharing
@edrianhadinata1303
@edrianhadinata1303 Ай бұрын
thanks man.. its very helpful, but don't use shortcut without explanation and display, ex shift + E
@diegovictor6772
@diegovictor6772 Жыл бұрын
Great tutorial!!!! 🎉🎉
@pollyne5010
@pollyne5010 9 ай бұрын
Great video, Thank you
@spacedillah6840
@spacedillah6840 Жыл бұрын
So helpful. Thank you :)
@AimBigger
@AimBigger 8 ай бұрын
Loved it
@design1556
@design1556 7 ай бұрын
Thank Thanks 🙏
@jamaliphoto
@jamaliphoto 5 ай бұрын
perfect!
@merovmerov7631
@merovmerov7631 5 ай бұрын
Going too fast, don't have the time to see where your mouse went that you're already clicking somewhere else
@randomstuffz365
@randomstuffz365 Жыл бұрын
Cool good ...can u also pls tell how do we convert a website into a app ?
@thazleassain212
@thazleassain212 4 ай бұрын
greate one
@Pupuzela
@Pupuzela 8 ай бұрын
Whisper me at my sleep daddy 😏 **Read: Please, be louder**
@baaron1254
@baaron1254 8 ай бұрын
Why does this guy sound like Anton Chigurh from No Country For Old Men?
@ShaunLevett
@ShaunLevett Жыл бұрын
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
@Arkan.20
@Arkan.20 6 ай бұрын
@chideranwafor4772
@chideranwafor4772 9 ай бұрын
cant hear you
@natalifernandez3272
@natalifernandez3272 5 ай бұрын
can u talk louder next time its super quiet and my volume is all the way
@yuvrajchhatwani
@yuvrajchhatwani 4 ай бұрын
worst tutorial ever 😢😭 not for beginners or noobs
Create A Parallax Animation Based On Mouse Position (on hover): Figma Tutorial
5:55
Darren Northcott - Figma, UX & UI
Рет қаралды 6 М.
Figma Search Bar Animation | Search Box Input Field Interaction (2021)
19:39
Create Beautiful Things
Рет қаралды 71 М.
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
How to Design a Search Bar Typing Animation in Figma
13:15
Raouf Belakhdar
Рет қаралды 2,4 М.
How to Design an Interactive Button in Figma: For Beginners
10:04
Design Xstream
Рет қаралды 67 М.
How to Create Chat Interactions with Prototype on Figma
8:40
UXwithSophia
Рет қаралды 10 М.
The CORRECT (and lazy) way to prototype | Figma Tutorial
5:00
From Figma to a 3D Web Page with Dora Plugin - No code Tutorial
12:16
Prototype and type anything with animated keyboard in Figma
35:21
Chibueyim Alex
Рет қаралды 37 М.