The right way to make color gradients! | Figma UI tutorial

Ever notice that your color gradients look dull or not very vibrant? There's a reason why and one simple thing you need to add to get perfect UI color gradients every time.
Get Figma here | go.designerup.co/figma
🎥 WHAT TO WATCH NEXT
⊚ Super Practical Guide to Color Theory |
• Super Practical Guide ...
⊚ Mesh, Aurora and Other Awesome Color Gradients | • Create Smooth, Eye-Cat...
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-...
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash...
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | / designerupco
⊚ Instagram | / designerupco
⊚ Facebook | / designerupco
⊚ LinkedIn | / designerupco
⊚ Pinterest | / designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma | go.designerup.co/figma
⊚ ProtoPie | go.designerup.co/protopie
⊚ Notion | go.designerup.co/notion
⊚ Framer | go.designerup.co/framer
⊚ Canva | go.designerup.co/canva
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-...
Home Office Accessories | kit.co/DesignerUp/home-office...
🙋🏽‍♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ KZbin creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | [e-mail]

[@_L_E_U]

Great! I really recommend using some kind of cursor indicator to better follow where your mouse is on the screen.

[@sonukmrsah]

Just amazing!

[@kenkoz5]

thank you for sharing this, I love your videos!❤

[@DesignerUp]

Aww thank you! Appreciate you watching and commenting 💜

[@zechariahjohnson8690]

This Entire Playlist is so helpful. Thank you So Much!

[@DesignerUp]

Great to hear! You’re most welcome. Thanks for watching!

[@tusarmondal7068]

that's really nice.

[@md.iqbalhossain1794]

Thank you so much for the tutorial.

[@DesignerUp]

You’re welcome!

[@ozanarslan5175]

Thank you

[@edgeiot]

Game changer..thanks for sharing

[@DesignerUp]

Awesome! Thanks for watching 😊

[@mohamedthanveerkhan7384]

Hi there , Just Watched your video Super Practical Guide to Color Theory, Color Models and Perfect Color Palettes | UI Design It was an amazing explanation. I just wanted to make a video on How to create a Color Scale with One color Please explain the above topic. Thank you

[@DigitalNomadFella]

Thank you so much 😊 but why is it I'm only seeing HEX, RGB and HSL options?

[@prajwalsharma2794]

This video has all you need to know about gradients.

[@DesignerUp]

Love to hear that! Thanks 😊

[@Henrique01010]

really helpful, I spent quite some time trying to create a good gradient but eye guessing colors is not really productive lol. Thanks for the video, it would be nice to highlight the your mouse cursor, i got a bit lost trying to follow what you were doing at 2:31

[@DesignerUp]

I noticed that after the fact too. Sorry about that. Appreciate the comment, thanks for watching 🤗

[@dipongkarroy1720]

wowwwwwwwwwwww