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

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 22

  • @_L_E_U
    @_L_E_U 8 หลายเดือนก่อน +5

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

  • @zechariahjohnson8690
    @zechariahjohnson8690 ปีที่แล้ว +3

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

    • @DesignerUp
      @DesignerUp  ปีที่แล้ว

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

  • @edgeiot
    @edgeiot 7 หลายเดือนก่อน +3

    Game changer..thanks for sharing

    • @DesignerUp
      @DesignerUp  7 หลายเดือนก่อน

      Awesome! Thanks for watching 😊

  • @fypyfyp
    @fypyfyp 10 หลายเดือนก่อน +1

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

    • @DesignerUp
      @DesignerUp  10 หลายเดือนก่อน

      Aww thank you! Appreciate you watching and commenting 💜

  • @md.iqbalhossain1794
    @md.iqbalhossain1794 ปีที่แล้ว +1

    Thank you so much for the tutorial.

  • @tusarmondal7068
    @tusarmondal7068 ปีที่แล้ว +2

    that's really nice.

  • @sonukmrsah
    @sonukmrsah ปีที่แล้ว +1

    Just amazing!

  • @Henrique01010
    @Henrique01010 7 หลายเดือนก่อน +1

    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
      @DesignerUp  7 หลายเดือนก่อน

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

  • @ozanarslan5175
    @ozanarslan5175 ปีที่แล้ว +1

    Thank you

  • @prajwalsharma2794
    @prajwalsharma2794 ปีที่แล้ว +2

    This video has all you need to know about gradients.

    • @DesignerUp
      @DesignerUp  ปีที่แล้ว

      Love to hear that! Thanks 😊

  • @mohamedthanveerkhan7384
    @mohamedthanveerkhan7384 ปีที่แล้ว +1

    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
    @DigitalNomadFella 11 หลายเดือนก่อน

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

  • @wongedan4827
    @wongedan4827 8 วันที่ผ่านมา

    I found the gradient colors not smooth, is there any way to make it smoother, tried adding stops but still harsh

  • @dipongkarroy1720
    @dipongkarroy1720 ปีที่แล้ว +2

    wowwwwwwwwwwww

  • @reneef7406
    @reneef7406 23 วันที่ผ่านมา

    Question, is this tutorial still 100% applicable to September 2024 Rollout?

    • @DesignerUp
      @DesignerUp  23 วันที่ผ่านมา

      The color principles remain the same. But I don't think the transfer color is as necessary for Linear gradients as of the latest Figma rollout. From my tests, the gradient ramp is much smoother and you can simply adjust one of the two color stop positions to achieve the same effect. Adding a transfer color just helps if you happen to notice any graying in-between colors stops.