You're very good in explaining how to do stuff in tutorials step by step the only thing with this tutorial is that the search bar makes a cool blinking aimation but it doesnt do anything other then blinking, you cant type nor get out of the search bar.
wow! I'm so happy and will like to learn and share ideas with you as I enter the world of ux through My google certification. please I really wish we relate and create a better user experience . can't wait to link up with you
I am ne to Figma and design generally, this is an awesome and helpful video, but how do I prototype SELECTING one of the options? I was looking forward to see it in the end, but I only see that options appear...
Oh, in this video i was simply demonstrating the search basics. I didnt go to that depth. But if you want i have a video on select menus ruclips.net/video/Z92j1VOOB9U/видео.html. I hope it helps with what you want to learn. But thanks for watching.
Hello CBT. I am new to Figma and am developing a website. I have a search icon but learn in your video how to create a search bar. I am more familiar to Wordpress, where you just drop in a plugin and that's it. I like your video and agree it is very clear. My question is, would I need to put in manually all the search strings of the alphabet. How does it pick up search strings in my text if I can put it like that. Chan.
Hello Chan. What you see me designing here is simply a prototype. If I was designing a website like you, there will be a real database where all your search queries are stored. That would be a different case. WordPress provides an online sql database for you to store your search queries. Thanks for watching
@@CreateBeautifulThings Thank you CBT for your reply. That is very helpful to be advised that. Well done on great and clear instructions. Have a nice day. Chan.
Oh, i didnt intend to do that on this video. I wanted to illustrate the keypad option figma makes available during prototyping. But for the one you are looking for you can check out this video ruclips.net/video/LDXb6eckTQ4/видео.html . Thanks for watching
Hi..., this works fine when you prototype on a PC because then you can easily press 'F' on the keyboard. However, when projecting on Figma Mirror, it doesn't work: no keyboard exists
Oh sorry to hear that. But I believe it should work. I have done this on many projects. I hope you are using latest figma version. I don't know if you are new to figma. But it should work
This is what a tutorial should be like!! Thank you for your help! You did a great job explaining and going at a great pace.
You're very good in explaining how to do stuff in tutorials step by step the only thing with this tutorial is that the search bar makes a cool blinking aimation but it doesnt do anything other then blinking, you cant type nor get out of the search bar.
I just want you to know you just saved my life with this tutorial, thank you so much
Super helpful! Made my search bar more interactive with this tutorial. Very clear and instructive.
You're welcome. Am glad it helped. Thanks for watching.
This was a really nice and simple tutorial! It helped me with my design challenge for my course :) Thanks
You're welcome. Thanks for watching
It was very helpful. Nicely explained .
amazing brother very helpful
Very elegant. Thank you so much. It really helped me out.
Really nice explanation and tutorial ❤
Super Helpful! Thank you for talking through your steps!
You're welcome. Thanks for watching
Good work 👍, please i couldn't extend my variant 4 like you did in -7:04
Don't worry
I figured it out 😊
Thank you so much for the thorough video. I really appreciate your content as I am a new Figma user.
You are so welcome! Thanks for watching
This helps a lot!! Thank you so much
very clever, thank you, you saved our project
Thanks, bro you have really helped a comrade
Glad it helped. Thank you for watching
Fantastic work !
You're welcome. Thanks for watching
Wonderful. Tks for your time!
This tutorial was super helpful, thank you for creating it
Glad it was helpful! Thanks for watching
when i drag my default it just break from shearching component
how do you actually add it to the frame on windows, alt copy doesnt work 4 me?
wow! I'm so happy and will like to learn and share ideas with you as I enter the world of ux through My google certification. please I really wish we relate and create a better user experience . can't wait to link up with you
You always can. The email is on the channel page
I am ne to Figma and design generally, this is an awesome and helpful video, but how do I prototype SELECTING one of the options? I was looking forward to see it in the end, but I only see that options appear...
Oh, in this video i was simply demonstrating the search basics. I didnt go to that depth. But if you want i have a video on select menus ruclips.net/video/Z92j1VOOB9U/видео.html. I hope it helps with what you want to learn. But thanks for watching.
@@CreateBeautifulThings thanks a lot! You tutorial was very understandable und clear btw, thank you for you work, it's much appreciated!
Great tutorial. but how do you prototype the components if a user clicks on one of the suggestions?
Thanks for the tutorial! Really helped with my uni work, thank you!!:)
I am glad the video helped. Thanks for watching
Thank you so muchhhh
I have watched so much videos, yours has been the easiest!
Thanks for tutorial! Any idea how to prototype search result to next screen?
Yes I do. Will do that very soon
Thank so much 🥰
gOOD JOB brooooo
You are so welcome! Thanks for watching
thank u for tutorial
Thankyou so much sir
amazing cool trick
You're welcome. Thanks for watching
creative :)
I tried but I couldn’t get it to blink 🥺
so helpful thank you
This was really helpful, thank you!
But how do you get it to select from the drop down =( I need that for my project lol
Hello CBT. I am new to Figma and am developing a website. I have a search icon but learn in your video how to create a search bar. I am more familiar to Wordpress, where you just drop in a plugin and that's it. I like your video and agree it is very clear. My question is, would I need to put in manually all the search strings of the alphabet. How does it pick up search strings in my text if I can put it like that. Chan.
Hello Chan. What you see me designing here is simply a prototype. If I was designing a website like you, there will be a real database where all your search queries are stored. That would be a different case. WordPress provides an online sql database for you to store your search queries. Thanks for watching
@@CreateBeautifulThings Thank you CBT for your reply. That is very helpful to be advised that. Well done on great and clear instructions. Have a nice day. Chan.
Thank you ❤❤
You are so welcome! Thanks for watching
very clear, thank you
Thanks a lot, gentleman.😁
You're welcome. Thanks for watching
thank youuuu helpful
very nice! thank U!!
Thank you very much !
Mheeeeeeeeeeeeen this is gooooood
this was extremely useful, thank you so much :)
when I copy search bar to the screen it does not work
Thank youuuuuu
Plss can you make a video where you can search anything like all he letters
Thanks for giving me something to think about
I was hoping that you’d be able to show a keyboard that moves in and interact with the search bar as well
Oh, i didnt intend to do that on this video. I wanted to illustrate the keypad option figma makes available during prototyping. But for the one you are looking for you can check out this video ruclips.net/video/LDXb6eckTQ4/видео.html . Thanks for watching
Thanks a lot
You're welcome. Thanks for watching
thanks, it was clear and helpfull!
You're welcome. Thanks for watching
Can you share the figma link of this design please
When I type in the search bar, it only let's me type F and nothing else. Is there anything I may be doing wrong?
thanks!! :)
Hi..., this works fine when you prototype on a PC because then you can easily press 'F' on the keyboard. However, when projecting on Figma Mirror, it doesn't work: no keyboard exists
I am currently doing this on a PC. It's the best way to demonstrate a prototype. I suggest we stick to using a PC keyboard
Hey, can i get this link figma?
What if someone try’s another letter apart from f
why my prototype interaction doesnt have "on tap"
Depending on the figma version you are using. It may say "On Click". I use a desktop version. But you should see it.
how to drag tho
Why is my 'Change to' interaction greyed out?
I figured it out. ahhahahahah
Can you share this file
but after typing the word also there should be blinking bar at the end of the word
You're right. I was just making a simple demonstration. I just wanted some to get overall point of the concept. Thanks for watching
Ive tried this twice and it didn't work??
Oh sorry to hear that. But I believe it should work. I have done this on many projects. I hope you are using latest figma version. I don't know if you are new to figma. But it should work
Good but TOOOOOOOOOO SLOW
I had to make sure steps are easy to follow for anyone new to this. Thank you for watching
great tutorials but is hard for me to suit this accent, especially how you pronounce (Gonna)
Thank you so much!
Thank you so much!
You are so welcome! Thanks for watching