Micro-interactions in Figma under 9 mins-UI Animation Series - 09

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

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

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

    THIS IS WHAT I LOOKING FOR IN A MONTH THX U SO MUCH

  • @rohankutriya6293
    @rohankutriya6293 3 года назад +3

    I can clearly see the future of others ui design tools

  • @bolajishola158
    @bolajishola158 Год назад

    This is a really good course on micro interaction, I will subscribe

  • @karlaokawa8929
    @karlaokawa8929 Год назад

    Amazing!!!

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

    It's really really osm ....
    It's more more helpful to beginner ..... thanks for beautiful and informative video .... I wish Keep doing ....

  • @callicharms
    @callicharms Год назад

    Second one is best for loading ❤❤❤

  • @tanushajilla2111
    @tanushajilla2111 Год назад

    This was a great tutorial, I was able to follow along so well, thank you! Please do more of these! Thank you very much.

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

    Bro ur tutorials are underrated 🤗🤗

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

    awesome. finally i got it. thanks aashish...

  • @Joelwebmaster
    @Joelwebmaster Год назад

    great tutorial Thanks good look bro

  • @lakshminarayananks1521
    @lakshminarayananks1521 Год назад

    this is cool👀 grt tutorial

  • @ifeoluwasamuel3709
    @ifeoluwasamuel3709 3 года назад +2

    Wow! Really helpful 👏🏼 please can you make a video connecting this second animation to a button where we click a button like Enter or next before the micro interaction works.

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

    Thanks a lot. I love the step by step approach you took.

  • @princevasimalla
    @princevasimalla 2 года назад +1

    Dude the other types of micro-interactions are looking so good. Please make tuts for them too.gonna sub

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

    thanks tNice tutorials really helped

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

    Awesome ....😍

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

    Thanks man, this is great!

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

    awesome!!!

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

    Amazing video

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

    great explanation.

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

    I'm too busy reading these comnts and not paying attention again.....and I'm Nice tutorialgh

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

    awesome works 😊

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

    Really good..

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

    Please do more of awesome tutorials 😢, im just subscribed, this channel contains great amount of awesome tutorials!

    • @DesignwithAashish
      @DesignwithAashish  2 года назад +1

      More to come! I've started working on new content. Soon...

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

      @@DesignwithAashish absolutely! You need more and more of exposure, your content are just amazing, you can do a research on how to improve youtube content seo for example, to increase this channel popularity 🙏🏻

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

    Thanks bro 🔥

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

    Really helpful 👌

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

    I think using interactive component for this would make sense now.

  • @nedasalehifathabadi4592
    @nedasalehifathabadi4592 2 года назад +1

    They are amazing, could you please also teach the other ones?tnx alot

  • @chukwumaudokporo2586
    @chukwumaudokporo2586 2 года назад +2

    Thanks for the tutorials. How do you export your animations for Dribbble or other social platforms?

    • @DesignwithAashish
      @DesignwithAashish  2 года назад +1

      From Figma, I just screen record from quick time player for dribbble.

  • @splight.
    @splight. 3 года назад +1

    Great Work Aashish, just wondering how to make these design into the production? Is there any way to do it?

  • @Bersling
    @Bersling Год назад

    how can this be used for web development, for example could i somehow export the smart animation somehow directly as css keyframes?

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

    good, but how to combine it with the slideshow? or if we swipe the screen, the bubble also follow the next slide?

  • @g.simoni729
    @g.simoni729 Год назад

    i did the same thing just like you did with the speres BUT they move very differently. It's like they fade in and out

  • @ujjwalanand9665
    @ujjwalanand9665 3 года назад +2

    Hey Ashish Thank you for this video, but I am facing a little problem when I am creating the animation, the rounded square seems to disappear and circle appears rather than rounded square transitioning into a circle smoothly like yours. I have tried to correct it but it doesn't seem to change. Can you guess the problem. I am using Figma desktop app

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

      Have you named the layers exactly the same in both the artboards? I guess that might be the issue. You can DM me your animation on Instagram too so I can have a look.

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

      @@DesignwithAashish hey aashish! even I'm facing the same issue.. it just appears with a click, it isn't as smooth as urs

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

      @@charitaranadive1609 Will make a fresh new video for the same interaction. I'm not sure but the issue might be happening due to recent changes in Figma.

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

    Can u help about how to create that floating bubbel animation in figma can u please helo me

  • @akashv2957
    @akashv2957 2 года назад +1

    Bro can u tell me how u make your intro video

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

    Nice video! But I have a doubt Whats the point of creating these type of animations, who will implement these in the actual website?... Is figma animation of micro interactions easy to implement for actual apps or websites?

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

    How to make connections between two elements??

  • @yofi2614
    @yofi2614 Год назад

    Can I please ask a question?

  • @ArifulIslam-bh4fw
    @ArifulIslam-bh4fw 2 года назад

    sa ...I don't even have a available device where i can download it

  • @basseyayi3201
    @basseyayi3201 Год назад

    ya'll wait i'm a newbie, my lines aren't animated like yours. it just eases in and out the lines don't change like yours. Wjat do i do?

    • @gamelabpc6591
      @gamelabpc6591 Год назад

      Try editing curves of ease in and outs

  • @sachiupasani4768
    @sachiupasani4768 Год назад

    Great content! If possible pls add about 3D animation in figma as well

  • @uicheetah
    @uicheetah Год назад

    Aaaaala

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

    The smart animat doesnot work when we convert into components

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

    I find this tutorial confusing, why did you use frames instead of components? With components one can implement this micro interactions into real designs. And with second interaction you could've used auto layout so everything snaps in place fast and easy and one doesn't need to check spacing between objects etc.

    • @basitgbayi
      @basitgbayi Год назад

      Just take the part of the tutorial you need

  • @JasonDsouza-q2o
    @JasonDsouza-q2o Год назад

    Hey Aashish, I need help with a complex animation and thought you would be the best person to ask. Trying to contact you via Twitter, Instagram but seems the accounts dont exist anymore. Is there any other platform that I can connect with you?

  • @4988raja
    @4988raja 3 года назад

    awesome!!!!