Create An Interactive Search Bar & Button: Figma Tutorial
Вставка
- Опубліковано 7 вер 2024
- 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
Your videos are on points 👉 the way you speak makes everything easy to follow. Thank you
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.
This was so helpful and super straightforward. Subscribed!
Thanks so much for the amazing tutorial, and your efforts! 👏
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!
Oh man, sorry to hear that. Glad I could be of some help!
Hopefully you landed something by now. Good luck
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?
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.
YES!!!! Its very helpful, exactly what Im looking for. thank you! I will subscribe.
Brilliant tutorial, really easy to follow!
thanks man.. its very helpful, but don't use shortcut without explanation and display, ex shift + E
Thank you bro
Hey, nice video! At minute 4:28 you added a line for which you were able to select fill container. This option doesn't appear on my screen.. I was thinking of okay if my mother frame is set to fixed instead of fill container maybe the line as well wouldn't be able to set to fill container. But as I saw on your screen it helped anyways.. How to solve this problem?
I have the same problem. My guess is it has to do with the recent updates. It needs to be done in another way now, so maybe try framing the line with the inner search header frame. I'll try that now at least
Okay I figured it out, Apparently, you need to frame the line first so that you can place it inside another frame. This rule is applicable for every object in figma i think. Something needs to be framed before connecting it to another frame wether it be a text, image or a shape
Itd be great if you could show how you got the search component...
Wow! It's really good tutorial! Thank you!
I'm wowed. Keep it up.
Also please add tutorial for multi select checkbox with chips added, we can add and remove the selected items
this is great...thank you for sharing
Thank you!!!
only one word = Awesome
Great video, Thank you
Awesome!
Going too fast, don't have the time to see where your mouse went that you're already clicking somewhere else
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.
So helpful. Thank you :)
Great tutorial!!!! 🎉🎉
Thank
Thanks 🙏
Loved it
Cool good ...can u also pls tell how do we convert a website into a app ?
perfect!
greate one
Why does this guy sound like Anton Chigurh from No Country For Old Men?
Whisper me at my sleep daddy 😏
**Read: Please, be louder**
why do you not speak louder
You sound sick :(
cant hear you
can u talk louder next time its super quiet and my volume is all the way
worst tutorial ever 😢😭 not for beginners or noobs