Advanced Animation in Figma | Smart animate

Поделиться
HTML-код
  • Опубликовано: 14 дек 2024

Комментарии • 64

  • @iamlit6497
    @iamlit6497 4 года назад +64

    Great content but can you make tutorials where you explain how you made the animation

    • @IsmailElazizi
      @IsmailElazizi  4 года назад +9

      yes, That's true, I will be doing on the next videos, Thank you

    • @sabrelou1988
      @sabrelou1988 3 года назад +1

      There's a tutorial on it here: ruclips.net/video/CBf0BOaIBVw/видео.html

    • @jonaskolton9122
      @jonaskolton9122 3 года назад

      I guess Im kinda randomly asking but does anyone know a good website to watch new tv shows online ?

  • @yachatoueg3110
    @yachatoueg3110 4 года назад +11

    Thanks for this video! I slowed it down to .25 and was able to reproduce the design and animation exactly as presented in this video. Great way to learn advanced prototyping in Figma. I am used to Flinto a lot but I have to say I am quite impressed with the integrated prototyping tool in Figma!

  • @uiuxdesigning
    @uiuxdesigning Год назад +1

    Your Work is awesome. I Was convert This into HTML CSS .

  • @JulianHarris
    @JulianHarris 4 года назад +4

    Advanced design for sure, but the animation is very simple (which is good): just smart animate between frames.

    • @IsmailElazizi
      @IsmailElazizi  4 года назад +1

      Thank you, yeah simple is hard sometimes

  • @rizalassyfiya2133
    @rizalassyfiya2133 3 года назад

    Whoa, very helpful. Thanks a lot!

  • @ViniMariath
    @ViniMariath 4 года назад

    Top. Congrats. Great job.

  • @surbhi1664
    @surbhi1664 4 года назад +1

    Please more videos on advance animations, I am learning alot from your videos pllssss more videos

  • @gehucireng6924
    @gehucireng6924 2 года назад

    I love this tutorial...

  • @vitomansilla
    @vitomansilla 4 года назад

    Just amazing!! Keep creating 🙌🙌🙌🙌🙌

  • @muhammadfikriakramudin5439
    @muhammadfikriakramudin5439 3 года назад +1

    Love and need more of this tutorial

  • @cortjezter
    @cortjezter 3 года назад

    Must be airport salads at those prices 😅

  • @SugarTouch
    @SugarTouch 4 года назад

    Please MORE !!!! Very useful ! Perfect format ! No "blah-blah" and stupid slow "for dummies" 10m tales along. ! Thank you !

  • @Fatrabbitnetwork
    @Fatrabbitnetwork 3 года назад

    thank you!

  • @niharikaindavara6870
    @niharikaindavara6870 4 года назад +1

    Super cool!! I am interested to learn how you download the Figma prototype in Mp4 or Gif format? So that I can upload the video on another website.

  • @rgz13
    @rgz13 4 года назад +1

    Crack!!! Amazing!!! you should do a video tutorial! please use FIGMA again

  • @createwithkaushal
    @createwithkaushal 3 года назад

    brilliant work... I saw a little thing i.e. cart option has an orange dot which does not change when the color switches to green

  • @bakiKaradeniz
    @bakiKaradeniz 4 года назад

    Fuck! This is outstanding!

  • @yourSOULismy
    @yourSOULismy 3 года назад

    You didn't show how to rotate with animate the ring with other salads.

  • @ilhomahadov7259
    @ilhomahadov7259 4 года назад +1

    Bro, I follow you on IG, but I don't know you have a RUclips channel. I like your content. This one is also very good. It would be more useful if you make it like a tutorial.

  • @omedali3674
    @omedali3674 3 года назад

    Well done bro , but i got problem when i finished my project i lost my responsive when i used to html , so why , can you tell me ?

  • @YT-gn9qk
    @YT-gn9qk 4 года назад +1

    Impressive but I really need to know how you did the animation

    • @gerenciardigital
      @gerenciardigital 3 года назад

      ruclips.net/video/43AstmkA3n4/видео.html

  • @razinulkarim5207
    @razinulkarim5207 3 года назад

    Hey,
    One student of you, cause I'm learning from you
    #1 question.. Pls answer
    In your 'figma community', how you make your prototype moves their own? Is that a video or something?
    If so, then how did you inserted that?
    Pls, answer

  • @sebest_design132
    @sebest_design132 4 года назад

    Didn't know had a channel on YT. Just saw your name and subbed.

  • @kwameagyenim-boateng2968
    @kwameagyenim-boateng2968 4 года назад +2

    lmao great but how can we understand the process with this video speed

    • @IsmailElazizi
      @IsmailElazizi  4 года назад

      yes, I will do that on the next videos, thank you fro the feedback, you can check the design here duplicate and play with it figma.com/@ismail

  • @Dipexplores
    @Dipexplores 4 года назад

    Can you show a Tinder like swapping interaction in Figma or Invision?

    • @IsmailElazizi
      @IsmailElazizi  4 года назад

      why not, I can do that, btw here is something similar instagram.com/p/B_0oA3KAzFI/

  • @zaxrozabikhullayeva8465
    @zaxrozabikhullayeva8465 4 года назад

    😍😍😍

  • @anonymousforyou3938
    @anonymousforyou3938 2 года назад

    Too fast. And you have skipped a step at 2:15 when you rotated those plates arranged on a circle in second slides.

  • @helenazrinski3679
    @helenazrinski3679 4 года назад

    Tutorial, please! :D

  • @demola2309
    @demola2309 3 года назад

    Great stuff. Can you please share the links for your photo resources?

  • @Saturnluras
    @Saturnluras 4 года назад

    Im IMPRESSED!!!
    I tried to recreate this but when i use the orange circle as a mask its color disappears:( do u have an idea why? This is my first time dealing with masks

    • @fopesanchezebhota713
      @fopesanchezebhota713 3 года назад

      Don't know if you've solved this but I learn recently that if you're masking an object with an image or anything, the object is to be behind not on top. Hope this helps

    • @fopesanchezebhota713
      @fopesanchezebhota713 3 года назад

      Don't know if you've solved this but I learn recently that if you're masking an object with an image or anything, the object is to be behind not on top. Hope this helps

  • @emmacharming9833
    @emmacharming9833 4 года назад

    how i mean H O W

  • @ibrahimelazizi7777
    @ibrahimelazizi7777 4 года назад

    👍👍👍👍

    • @justicechukwu3180
      @justicechukwu3180 4 года назад

      Too fast mehn.. Post another one with slower speed

  • @geeksinux
    @geeksinux 4 года назад +3

    fast speed can not teach your user.

    • @IsmailElazizi
      @IsmailElazizi  4 года назад

      agree, will make sure to explain on the next videos

  • @a.1641
    @a.1641 2 года назад

    😊

  • @MsLolCho
    @MsLolCho 3 года назад

    Good but too fast

  • @sendiafirza
    @sendiafirza 4 года назад

    omage sources?

  • @emmacharming9833
    @emmacharming9833 4 года назад

    what just happened

  • @tamaratravels44
    @tamaratravels44 3 года назад

    it's too fast to follow buddy

  • @akbarbadsha25
    @akbarbadsha25 4 года назад

    super cool .. I really like this. I have a challenge for you. I send you a message in your Instagram.

  • @zehra-gs3hp
    @zehra-gs3hp 3 года назад

    too fast sorry it isnt helpful when I slowed it

  • @dopeladd
    @dopeladd 4 года назад +1

    not helpful sorry - way fast,

    • @IsmailElazizi
      @IsmailElazizi  4 года назад +2

      sorry for that, will make sure to explain more the next time