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.
@whatis4882 Жыл бұрын
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.
@elenabenedetto9807 Жыл бұрын
I just want you to know you just saved my life with this tutorial, thank you so much
@tennisskiervr Жыл бұрын
how do you actually add it to the frame on windows, alt copy doesnt work 4 me?
@kpsayshey2 жыл бұрын
Super helpful! Made my search bar more interactive with this tutorial. Very clear and instructive.
@CreateBeautifulThings2 жыл бұрын
You're welcome. Am glad it helped. Thanks for watching.
@mohammadakhmalfirdaus62992 жыл бұрын
when i drag my default it just break from shearching component
@mattsullivan89962 жыл бұрын
This was a really nice and simple tutorial! It helped me with my design challenge for my course :) Thanks
@CreateBeautifulThings2 жыл бұрын
You're welcome. Thanks for watching
@AmarKhanna-w4g Жыл бұрын
Very elegant. Thank you so much. It really helped me out.
@snigdhachakraborty8367 Жыл бұрын
It was very helpful. Nicely explained .
@dorijankos78042 жыл бұрын
very clever, thank you, you saved our project
@olalolalola2 жыл бұрын
when I copy search bar to the screen it does not work
@loosehugsseattle Жыл бұрын
Super Helpful! Thank you for talking through your steps!
@CreateBeautifulThings Жыл бұрын
You're welcome. Thanks for watching
@vanessaf.6022 жыл бұрын
Thank you so much for the thorough video. I really appreciate your content as I am a new Figma user.
@CreateBeautifulThings Жыл бұрын
You are so welcome! Thanks for watching
@FC-dz2to Жыл бұрын
This tutorial was super helpful, thank you for creating it
@CreateBeautifulThings Жыл бұрын
Glad it was helpful! Thanks for watching
@shan21261 Жыл бұрын
Really nice explanation and tutorial ❤
@thanhtrung237711 ай бұрын
This helps a lot!! Thank you so much
@DeepakBhat-u3r9 ай бұрын
amazing brother very helpful
@nomprenom53705 ай бұрын
Fantastic work !
@CreateBeautifulThings5 ай бұрын
You're welcome. Thanks for watching
@lifebydottie3 ай бұрын
But how do you get it to select from the drop down =( I need that for my project lol
@Santistreta Жыл бұрын
Wonderful. Tks for your time!
@michelleolashile4082 Жыл бұрын
Great tutorial. but how do you prototype the components if a user clicks on one of the suggestions?
@lamideinreallife94072 жыл бұрын
I tried but I couldn’t get it to blink 🥺
@hanami_patrick2 жыл бұрын
Thanks, bro you have really helped a comrade
@CreateBeautifulThings2 жыл бұрын
Glad it helped. Thank you for watching
@verad54582 жыл бұрын
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...
@CreateBeautifulThings2 жыл бұрын
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 kzbin.info/www/bejne/kGqVm2SMhLR1b7c. I hope it helps with what you want to learn. But thanks for watching.
@verad54582 жыл бұрын
@@CreateBeautifulThings thanks a lot! You tutorial was very understandable und clear btw, thank you for you work, it's much appreciated!
@katewalker97632 жыл бұрын
Thanks for the tutorial! Really helped with my uni work, thank you!!:)
@CreateBeautifulThings2 жыл бұрын
I am glad the video helped. Thanks for watching
@ugochiinyama9092 жыл бұрын
Thank you so muchhhh I have watched so much videos, yours has been the easiest!
@caught.in.neverland2 жыл бұрын
This was really helpful, thank you!
@ewatrzaska7005 Жыл бұрын
this was extremely useful, thank you so much :)
@nyahantoine46092 жыл бұрын
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
@CreateBeautifulThings2 жыл бұрын
You always can. The email is on the channel page
@banetepavcevic7228 Жыл бұрын
Thanks for tutorial! Any idea how to prototype search result to next screen?
@CreateBeautifulThings Жыл бұрын
Yes I do. Will do that very soon
@allshadesofojaay5 ай бұрын
Thank youuuuuu
@cosmos78802 жыл бұрын
Thank you very much !
@toridust2 жыл бұрын
very clear, thank you
@chantellevandaalen63372 жыл бұрын
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.
@CreateBeautifulThings2 жыл бұрын
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
@chantellevandaalen63372 жыл бұрын
@@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.
@lorrainekanana30942 жыл бұрын
so helpful thank you
@stickyyhead1904 Жыл бұрын
Thank so much 🥰
@KT-User Жыл бұрын
creative :)
@kaluolanma9571 Жыл бұрын
Plss can you make a video where you can search anything like all he letters
@CreateBeautifulThings Жыл бұрын
Thanks for giving me something to think about
@nancyabuga1727 Жыл бұрын
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
@CreateBeautifulThings Жыл бұрын
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
@kaluolanma9571 Жыл бұрын
Mheeeeeeeeeeeeen this is gooooood
@TheMiguelhendrix2 жыл бұрын
thanks, it was clear and helpfull!
@CreateBeautifulThings2 жыл бұрын
You're welcome. Thanks for watching
@anyN Жыл бұрын
very nice! thank U!!
@radhikachhabra17422 жыл бұрын
Thankyou so much sir
@AAzizi-cr3gy2 жыл бұрын
thank u for tutorial
@nywebdiva2 жыл бұрын
I was hoping that you’d be able to show a keyboard that moves in and interact with the search bar as well
@CreateBeautifulThings2 жыл бұрын
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 kzbin.info/www/bejne/gnW7k2mbmNCHh5Y . Thanks for watching
@cassava1234 Жыл бұрын
thank youuuu helpful
@don-chi64202 жыл бұрын
What if someone try’s another letter apart from f
@diensilmimaulidyah7161 Жыл бұрын
Hey, can i get this link figma?
@chhumchanleak76422 жыл бұрын
Thanks a lot, gentleman.😁
@CreateBeautifulThings2 жыл бұрын
You're welcome. Thanks for watching
@christianguenther2963 Жыл бұрын
how to drag tho
@ismailshaik88172 жыл бұрын
Can you share the figma link of this design please
@arjundixit59822 жыл бұрын
amazing cool trick
@CreateBeautifulThings2 жыл бұрын
You're welcome. Thanks for watching
@ferdyherdiansyah76642 жыл бұрын
gOOD JOB brooooo
@CreateBeautifulThings Жыл бұрын
You are so welcome! Thanks for watching
@annachwal95552 жыл бұрын
Thanks a lot
@CreateBeautifulThings2 жыл бұрын
You're welcome. Thanks for watching
@akinrujomukemisola2 жыл бұрын
Thank you ❤❤
@CreateBeautifulThings Жыл бұрын
You are so welcome! Thanks for watching
@kzeugma2 жыл бұрын
thanks!! :)
@balramsing Жыл бұрын
Can you share this file
@gandrage1202 жыл бұрын
why my prototype interaction doesnt have "on tap"
@CreateBeautifulThings2 жыл бұрын
Depending on the figma version you are using. It may say "On Click". I use a desktop version. But you should see it.
@19_jellyjelly702 жыл бұрын
Why is my 'Change to' interaction greyed out?
@19_jellyjelly702 жыл бұрын
I figured it out. ahhahahahah
@olive_and_her_four_kids2 жыл бұрын
but after typing the word also there should be blinking bar at the end of the word
@CreateBeautifulThings2 жыл бұрын
You're right. I was just making a simple demonstration. I just wanted some to get overall point of the concept. Thanks for watching
@sophiemorris8059 Жыл бұрын
Ive tried this twice and it didn't work??
@CreateBeautifulThings Жыл бұрын
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
@ArgentaOfficial2 жыл бұрын
Good but TOOOOOOOOOO SLOW
@CreateBeautifulThings2 жыл бұрын
I had to make sure steps are easy to follow for anyone new to this. Thank you for watching
@Dan-bq2mq2 жыл бұрын
great tutorials but is hard for me to suit this accent, especially how you pronounce (Gonna)