How to Design Great Buttons in Figma? | UI Design

Buttons are one of the most important elements on web pages and apps, and they can really make a difference in the look and feel of a page. In this video, I'm going to talk about the anatomy of a button and how you can create amazing buttons in Figma.
Try Figma for free:
bit.ly/3LiRVEF
👉 Become a UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
👉 Get my FREE UI/UX Design e-book here:
bit.ly/4fuWnNI
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.

[@user-hz5mk8iu5j]

Honestly this is the best channel ever, I've watched tons of his videos and they are soo easy to understand 🤯

[@DesignWithArash]

Thank you very much. Glad you liked the content.

[@SIreWalter]

This is good, i actually did the button design now while watching the video and got the same result. plus its my first time using figma and it feels really good to try something new, with love from Nigeria.

[@HeyGezeeel]

I'm new to Figma. I've been watching your videos for a week and I must say that they're all on spot!

[@DesignWithArash]

Glad you like them!

[@abhilashdarshan7396]

Dont use rectangle you can just use autolayout on your text

[@sourabhisalive]

A great UI Designer as well as tutor , and amazing video editor as well

[@DesignWithArash]

Thank you very much.

[@shivudesign9210]

Best and deep explanation then others with motion animation feels so smooth and understanding 😍 just loved it ❤‍🔥waiting for more important contents learning a lot from you😇

[@DesignWithArash]

Thank you so much 😀 I'm glad you liked it. Please stay tuned for more content. 😍

[@shivudesign9210]

@@DesignWithArash Yeah! much excited 🥰🤩❤‍🔥

[@shivudesign9210]

Also do check new design tool "Penpot" similar to figma public moving to that tool 🤩❤‍🔥

[@DesignWithArash]

Sure. I'll check it out.

[@shivudesign9210]

@@DesignWithArash Yeah! sure ☺

[@StellaOgaziechi]

Thanks for this amazing video. Your tutorials are so easy to grasp and detailed too. You definitely have a new subscriber.

[@DesignWithArash]

No problem. Glad it helped. Welcome aboard.

[@desmondchukwudiezuluebo7185]

Thanks for sharing. I have been struggling with buttons to create accessibility, but this really helped.

[@DesignWithArash]

Glad it helped! No problem.

[@SocialLiveYT]

Nice intro animation 🤩

[@DesignWithArash]

Thank you. I'm glad you liked it.

[@sourabhisalive]

Thanks for sharing this amazing trick . You got a new follower buddy. I am a beginner in ui designing and I think I have to focus on each and every button which i use or click in my daily use . Just like like button and comment button in youtube.

[@DesignWithArash]

No problem. Welcome to the channel. Yes, it's these details that make you a great designer.

[@soroushazarnia7642]

you can make a button without drawing any shape, by writting a text then change it to auto layout and give it a fill color

[@DesignWithArash]

Yes, that's the best way of creating a button.

[@mohamedsahraj]

Best and easiest way to understand Good luck

[@DesignWithArash]

Glad it helped. Thank you.

[@zahrahavaei1140]

You are perfect Arash

[@DesignWithArash]

Thanks a lot.

[@Leochuks456]

Thanks But can you share a video of how to design all button s

[@ashrafultamim9166]

Thanks for this amazing video.❣

[@DesignWithArash]

No problem.

[@SocialLiveYT]

Great keep going sir

[@DesignWithArash]

Thank you so much.

[@ChayonShaahOfficial]

Great Video

[@DesignWithArash]

Thank you.

[@arafatfoysel6038]

Very Helpful , Thanks For sharing this ♥

[@DesignWithArash]

My pleasure 😊

[@pthenhhh]

Thanks so much for your sharing !!

[@DesignWithArash]

No problem.

[@tseegiitseku2932]

i am becoming binge watcher of this channel.

[@DesignWithArash]

Thank you.

[@alishafii9141]

thanks a lot

[@DesignWithArash]

No problem.

[@user-yo4nu4sq9v]

Pls what do you mean by responsive button

[@Learnadino]

4:56 leaving the text slightly too high broke something in me.

[@HamedSaleki]

Amazing

[@DesignWithArash]

Thanks.

[@rafidrabbi]

Very helpful bro From Bangladesh ❤️

[@DesignWithArash]

Glad it helped. Welcome to the Channel. ❤

[@farshadamirshoghi9323]

It was great as always

[@DesignWithArash]

Thanks.

[@ziademad3938]

Great teacher 💙💙💙💙

[@DesignWithArash]

Thank you! 😃

[@user-kz3lm6sv1j]

best explanation

[@DesignWithArash]

Thanks.

[@user-pn1mo4tr7p]

thanks arash

[@DesignWithArash]

No problem.

[@whimsical.me1]

thanks for the video😄

[@DesignWithArash]

You're welcome 😊

[@mehrnazmedghalchi9692]

thank you agian !!

[@DesignWithArash]

No problem.

[@learnotravel]

Thanks

[@DesignWithArash]

No problem.

[@iataman]

Great!

[@DesignWithArash]

Thanks.

[@abhiivlog265]

what font you use in your video ?

[@DesignWithArash]

Plus Jakarta Sans

[@abdulmunim8794]

thanks alot sir😍 i am a student. Is ui ui designing a time consuming job? Can i do it as a part time job?

[@DesignWithArash]

No problem. It depends on the scope of the projects you take on but yes, you can do it part time if you don't work on complex projects.

[@DspycesRecords]

Great👏👏

[@DesignWithArash]

Thank you so much.

[@nayanan1938]

Hi sir, I have Lenovo Lenovo laptop with Windows 10 installed, if I want to learn ui or ux we need Mac os what we have to do

[@DesignWithArash]

Hi Nayana, You don't need MacOS for UI/UX Design. You can use Windows for that.

[@nayanan1938]

OK sir, in ui ux essentials pdf it is mentioned so.

[@whimsical.me1]

i have a question , can the hover state of a button have totally differnt color than its actual color ?

[@DesignWithArash]

Yes, it can but most of the time we just add an overlay layer to it.

[@whimsical.me1]

@@DesignWithArash oh gotcha 😁 thanks

[@akamadmanfire]

@@DesignWithArash hi there, what do you mean by an overlay layer? How do you do that? Thank you

[@nengikalada-green9616]

I’m trying to learn figma in my iPad and it’s difficult please do a tutorial on that😭

[@DesignWithArash]

I know. It's not the best way of using Figma since it's not fully optimized for tablets.

[@manis9889]

👍👍👍👍

[@masterofmath5575]

Please sir reply My question ⁉️ you ebook don't download my mobile why sir please I need you ebook to start my UI UX journey 🙏

[@DesignWithArash]

Please check out the Promotion and Spam folders of your email. You should have received an email with a confirmation link.

[@masterofmath5575]

@@DesignWithArash 💗 Thank you sir ❤️

[@ajinkyakedia5046]

can u please give me an idea from where i can get the ebook

[@CMOMKARSHELKECM]

We can add a left and right animation If it is a website for children of age 10 to 12 related to gaming If I have a button like PLAY then I can give a hover or on click animation so that it can make the child laugh and enjoy 😅