Creating parallax with variables - Figma tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 มิ.ย. 2024
  • Get the free file here: www.figma.com/community/file/...
    In this tutorial we will create a real working parallax effect in Figma. Not faking it!
    Chapters:
    00:00 Intro
    00:22 On the high level
    00:38 Creating variables
    02:53 Variable-based cursor tracker
    08:05 Creating parallax layers
    09:38 Setting parallax strength
    Follow me here:
    Twitter / double__glitch
    Music from Uppbeat:
    uppbeat.io/track/enzalla/lumi...
    uppbeat.io/track/vens-adams/a...
    uppbeat.io/track/tatami/utopia
    uppbeat.io/track/icosphere/hi...

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

  • @haythamwali6642
    @haythamwali6642 13 วันที่ผ่านมา +8

    I'm convinced you are a wizard.

  • @MariusLeica
    @MariusLeica วันที่ผ่านมา

    This video is amazing! It's realy show your skills and knowledge of figma. Thank you very much for your work and I really hope you can make more of this in the future!

  • @anmoljuneja145
    @anmoljuneja145 3 วันที่ผ่านมา

    Superb! Loved each second of the video

  • @fopesanchezebhota713
    @fopesanchezebhota713 8 วันที่ผ่านมา +1

    Now this is absolutely sweeeettttt. Never thought it'd be possible. But this right here? Genius!!!

  • @soumilkumar
    @soumilkumar 12 วันที่ผ่านมา +1

    Love the fact that we can learn and access the Figma file as well! Thanks for the amazing efforts and videos! You've got a subscriber :)

  • @jessicalima1807
    @jessicalima1807 7 วันที่ผ่านมา

    Not often I comment on videos, but I'm doing it here so more people can watch this one. Amazing tutorial, truly. Thank you for sharing your knowledge. Just subscribed to your channel.

    • @doubleglitch
      @doubleglitch  7 วันที่ผ่านมา

      That's very nice of you to say, thank you!

  • @KakashiMendu
    @KakashiMendu 5 วันที่ผ่านมา

    Got the sub and like bud ! Would love the follow up of breaking down the illustration for parallax

  • @nartinjo
    @nartinjo 12 วันที่ผ่านมา

    Dude you are a godsend

  • @thiagotorelli2283
    @thiagotorelli2283 10 วันที่ผ่านมา

    WOW! Dude! This is INSANE! When I read the title of the video and saw the thubnail, the only thought in my mind was "IN FIGMA?!?! THE FUCK?!?!".
    Amazing video! Congrats

    • @doubleglitch
      @doubleglitch  10 วันที่ผ่านมา

      Thanks! Stick around, there's more to come

  • @georgezorbas9036
    @georgezorbas9036 5 วันที่ผ่านมา

    BRAVOOOOO! you are fantastic

  • @kraucifer
    @kraucifer 12 วันที่ผ่านมา +1

    Снимаю перед тобой шляпу, это очень крутая огромная и крутая работа.

  • @emmygraphics5741
    @emmygraphics5741 9 วันที่ผ่านมา

    Love your video bro, please keep creating more

    • @doubleglitch
      @doubleglitch  9 วันที่ผ่านมา

      Working on it 🫡

  • @RajeshKumar-xj3gz
    @RajeshKumar-xj3gz 10 วันที่ผ่านมา

    Fabulous🔥

  • @pheeh9
    @pheeh9 11 วันที่ผ่านมา

    Дуже круто, я б навіть сказав ахуєнно!
    Awesome stuff as allways! Thanks for sharing!

    • @doubleglitch
      @doubleglitch  11 วันที่ผ่านมา

      Дякую, пане!

  • @sevenson5112
    @sevenson5112 7 วันที่ผ่านมา

    At the first time is scary to learn

  • @user-hy9uk1sd7v
    @user-hy9uk1sd7v 13 วันที่ผ่านมา

    insane

  • @clipsdestroyer18
    @clipsdestroyer18 5 วันที่ผ่านมา

    Great tutorial man, i love it. can u show how to generate the image for parallax effect?

  • @bharathmks7347
    @bharathmks7347 13 วันที่ผ่านมา

    🎉 nice

  • @mojito1216
    @mojito1216 10 วันที่ผ่านมา

    Can you please continue 😢

  • @shifatmasud
    @shifatmasud 13 วันที่ผ่านมา

  • @glagraphy6533
    @glagraphy6533 6 วันที่ผ่านมา

    can we implement this on framer? :)

    • @doubleglitch
      @doubleglitch  6 วันที่ผ่านมา

      Not without custom code I think

    • @glagraphy6533
      @glagraphy6533 6 วันที่ผ่านมา

      @@doubleglitch okey thanks!

  • @davidfitcher2953
    @davidfitcher2953 4 วันที่ผ่านมา

    How to deliberately waste time

    • @doubleglitch
      @doubleglitch  4 วันที่ผ่านมา +1

      Well, there's the file, so you don't have to

    • @davidfitcher2953
      @davidfitcher2953 3 วันที่ผ่านมา

      @@doubleglitch Thanks!!!