Creating parallax with variables - Figma tutorial

Поділитися
Вставка
  • Опубліковано 19 гру 2024

КОМЕНТАРІ • 65

  • @haythamwali6642
    @haythamwali6642 6 місяців тому +17

    I'm convinced you are a wizard.

  • @j4jameel
    @j4jameel 22 дні тому +1

    That's the real parallax effect I have seen so far in Figma. Super awesome 👍

  • @skoooots
    @skoooots Місяць тому +1

    You are a goddamn god and I cant express how much I appreciate you right now

  • @soumilkumar
    @soumilkumar 6 місяців тому +4

    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 :)

  • @Dante_19
    @Dante_19 7 днів тому

    Amazing work. Thank you for sharing this. 👏

  • @jessicalima1807
    @jessicalima1807 6 місяців тому +2

    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  6 місяців тому

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

  • @khandakamal9212
    @khandakamal9212 25 днів тому

    I like your content and the way you explain it, Well done, man 👏

  • @fopesanchezebhota713
    @fopesanchezebhota713 6 місяців тому +1

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

  • @atb0007
    @atb0007 2 місяці тому

    wow this is pretty advanced stuff here...awesome job! thnx for sharing

  • @kikuru3
    @kikuru3 4 місяці тому

    crazy stuff, what a king you are!

  • @thiagotorelli2283
    @thiagotorelli2283 6 місяців тому

    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  6 місяців тому +1

      Thanks! Stick around, there's more to come

  • @annacgfx
    @annacgfx 4 місяці тому

    Amazing tutorial. Thank you!

  • @uiuxshoaib
    @uiuxshoaib 5 місяців тому

    Bro it went through me head :D But its awesome, I need to rewatch it.

  • @saturnivideomaker8360
    @saturnivideomaker8360 4 місяці тому +1

    WHAT THE HACK?????????? :D OH WOW, YOU'RE SO AMAZING DDDDDDDDD:

  • @MariusLeica
    @MariusLeica 6 місяців тому

    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!

  • @pheeh9
    @pheeh9 6 місяців тому

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

  • @anmoljuneja145
    @anmoljuneja145 6 місяців тому

    Superb! Loved each second of the video

  • @kraucifer
    @kraucifer 6 місяців тому +2

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

    • @Crab_Cyborg
      @Crab_Cyborg 6 місяців тому

      +

    • @kraucifer
      @kraucifer 5 місяців тому +2

      Сори что на русском, я не из рф, но в целом из снг, другого языка к сожалению не знаю, но через гугл переводчик переводить грубовато. В целом даже если ты не оценишь моё мнение, чел ты правда крут ❤

  • @emmygraphics5741
    @emmygraphics5741 6 місяців тому

    Love your video bro, please keep creating more

  • @gaman_look
    @gaman_look 5 місяців тому

    awesome!! figma master 🎉

  • @nartinjo
    @nartinjo 6 місяців тому

    Dude you are a godsend

  • @georgezorbas9036
    @georgezorbas9036 6 місяців тому

    BRAVOOOOO! you are fantastic

  • @KakashiMendu
    @KakashiMendu 6 місяців тому

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

  • @amer4716
    @amer4716 4 місяці тому

    Man thank you so much for the effort, i'm sure you heard about Framer, can you release a video about how we can do the same thing in Framer?

  • @felix-ng1dl
    @felix-ng1dl 5 місяців тому +2

    When you finished creating variables for X and Y, why didn't you show the results in the prototype?
    My response: The X cursor works well, but when you create a variable for the Y cursor, the X cursor does not work because the Y cursor covers the X cursor frame.

    • @doubleglitch
      @doubleglitch  5 місяців тому +1

      I understand why you feel so cautiously about that, there are a ton of fakes, but this is not one. You can just check the Figma Community file in the description and see for yourself, it's free. I'm using a hack I invented, it allows triggering several interactions simultaneously, so both X and Y work just fine

    • @piotrgaska6442
      @piotrgaska6442 3 місяці тому +1

      @@doubleglitch I have the same problem as
      @felix-ng1dl
      Any idea how to fix it?
      I can see it's working in your design but not in my case

  • @RajeshKumar-xj3gz
    @RajeshKumar-xj3gz 6 місяців тому

    Fabulous🔥

  • @DaveRowley-d4l
    @DaveRowley-d4l 4 місяці тому

    lol this is bananas.

  • @clipsdestroyer18
    @clipsdestroyer18 6 місяців тому

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

  • @ztdesign
    @ztdesign 5 місяців тому

    Super 🔥👍

  • @sevenson5112
    @sevenson5112 6 місяців тому +1

    At the first time is scary to learn

  • @DesignwithHuma
    @DesignwithHuma 5 місяців тому

    wow

  • @helios1051
    @helios1051 5 місяців тому

    this is blackmagic 🔥 with this mouse direction-aware technique, maybe there's a way to make working rotative buttons ? ...

    • @doubleglitch
      @doubleglitch  5 місяців тому

      You mean 3D or perspective rotation? That's definitely not possible, at least now, there's no 3D rotation functionality

    • @helios1051
      @helios1051 5 місяців тому

      @@doubleglitch no, more like the potentiometers you can find on a MIDI keyboard, I've never been able to make them work properly because you need to make a circular movement to make it turn, in both ways. I looked over the internet but it seems to be a big challenge and I didn't find anyone who managed to do it.

    • @doubleglitch
      @doubleglitch  5 місяців тому +1

      Ah I see, no, still impossible, there are simply no variable for the layer rotation. You can kinda fake it using two states with different angles and Smart animate on drag, but it will snap anything in between to these two states only

  • @Stedes97
    @Stedes97 День тому

    how do you get this good at figma

  • @brianamazzio7380
    @brianamazzio7380 2 місяці тому

    I'm trying this out myself, but like others and I am running into the problem where you can't run 2 interactions simultaneously. I've downloaded the figma community file and trying to figure out what the "hack" is that you invented. So far, I can't figure it out. Can you help? This is positively amazing! best tutorials I've ever found for Figma prototyping an animation...
    oh! and I figured you would be the guy if any to figure out a few more hacks that would push figma limits... Do you have a solution for movement along a curve?

  • @AarRaeidulAhsan
    @AarRaeidulAhsan 6 місяців тому

    insane

  • @bharathmks7347
    @bharathmks7347 6 місяців тому

    🎉 nice

  • @mojito1216
    @mojito1216 6 місяців тому

    Can you please continue 😢

  • @glagraphy6533
    @glagraphy6533 6 місяців тому

    can we implement this on framer? :)

    • @doubleglitch
      @doubleglitch  6 місяців тому

      Not without custom code I think

    • @glagraphy6533
      @glagraphy6533 6 місяців тому

      @@doubleglitch okey thanks!

  • @VinitShimpi-qx9zs
    @VinitShimpi-qx9zs 5 місяців тому

    why not to use spline then ?

  • @felix-ng1dl
    @felix-ng1dl 5 місяців тому +1

    me Again, not all UIUXs understand the instructions you make, they will comment that cursor X can work well, but when cursor Y is created, cursor
    not all uiux can find out where the problem is..
    for me, X and Y won't work at the same time because in your video you made the X frame an autolayout, and in the figma file you didn't explain step by step
    I'm not trying to say you're wrong or anything, as a uiux I'm trying to find a way why this can't work and indeed I checked there was an error in the video you made.
    If others follow your video instructions then they will be just as confused as to why X and Y can't work at the same time.
    my answer is because in your video frame X you create autolayout

    • @felix-ng1dl
      @felix-ng1dl 5 місяців тому

      but, again. you r amazing , smart
      i just respect, not all uiux can't make animation and figure out the case

    • @piotrgaska6442
      @piotrgaska6442 3 місяці тому

      Thanks man. I was getting frustrated. Yes, as you wrote, no auto layout fix the problem

  • @daru4
    @daru4 4 місяці тому

    개쩐다

  • @k16e
    @k16e 5 місяців тому

    Tedious. But, fun. Maybe?

    • @doubleglitch
      @doubleglitch  5 місяців тому +1

      Yea, a bit of both. Or you can just download the file in the description 🙂

  • @_aiman_zahra_
    @_aiman_zahra_ 2 місяці тому

    CANT DO THIS IN FIGMA FREE PLAN

  • @shifatmasud
    @shifatmasud 6 місяців тому

  • @davidfitcher2953
    @davidfitcher2953 6 місяців тому

    How to deliberately waste time

    • @doubleglitch
      @doubleglitch  6 місяців тому +1

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

    • @davidfitcher2953
      @davidfitcher2953 6 місяців тому

      @@doubleglitch Thanks!!!