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!

[@sourabhisalive]

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

[@DesignWithArash]

Thank you very much.

[@abhilashdarshan7396]

Dont use rectangle you can just use autolayout on your text

[@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.

[@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.

[@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.

[@tseegiitseku2932]

i am becoming binge watcher of this channel.

[@DesignWithArash]

Thank you.

[@mohamedsahraj]

Best and easiest way to understand Good luck

[@DesignWithArash]

Glad it helped. Thank you.

[@SocialLiveYT]

Great keep going sir

[@DesignWithArash]

Thank you so much.

[@zahrahavaei1140]

You are perfect Arash

[@DesignWithArash]

Thanks a lot.

[@ashrafultamim9166]

Thanks for this amazing video.❣

[@DesignWithArash]

No problem.

[@arafatfoysel6038]

Very Helpful , Thanks For sharing this ♥

[@DesignWithArash]

My pleasure 😊

[@Leochuks456]

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

[@pthenhhh]

Thanks so much for your sharing !!

[@DesignWithArash]

No problem.

[@Learnadino]

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

[@ziademad3938]

Great teacher 💙💙💙💙

[@DesignWithArash]

Thank you! 😃

[@ChayonShaahOfficial]

Great Video

[@DesignWithArash]

Thank you.

[@alishafii9141]

thanks a lot

[@DesignWithArash]

No problem.

[@farshadamirshoghi9323]

It was great as always

[@DesignWithArash]

Thanks.

[@user-yo4nu4sq9v]

Pls what do you mean by responsive button

[@rafidrabbi]

Very helpful bro From Bangladesh ❤️

[@DesignWithArash]

Glad it helped. Welcome to the Channel. ❤

[@user-kz3lm6sv1j]

best explanation

[@DesignWithArash]

Thanks.

[@HamedSaleki]

Amazing

[@DesignWithArash]

Thanks.

[@whimsical.me1]

thanks for the video😄

[@DesignWithArash]

You're welcome 😊

[@user-pn1mo4tr7p]

thanks arash

[@DesignWithArash]

No problem.

[@mehrnazmedghalchi9692]

thank you agian !!

[@DesignWithArash]

No problem.

[@abhiivlog265]

what font you use in your video ?

[@DesignWithArash]

Plus Jakarta Sans

[@learnotravel]

Thanks

[@DesignWithArash]

No problem.

[@iataman]

Great!

[@DesignWithArash]

Thanks.

[@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

[@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.

[@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.

[@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

[@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]

👍👍👍👍

[@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 😅