Unlock Figma's Potential: Learn to Create an Incredible Cursor Follow Animation Effect (No Plugins)

Поделиться
HTML-код
  • Опубликовано: 19 июн 2024
  • In this video, I'm going to show you how to create an incredible cursor follow animation effect using absolutely no plugins! This effect is perfect for creating flashy designs, website effects, and more!
    If you're looking to improve your design skills or take your animation skills to the next level, then this is the video for you! In this tutorial, I'll show you how to create an incredible cursor follow animation effect using onlyfigmatips and designmastery tools!
    In this Figma tutorial, learn how to create a captivating cursor follow animation effect without using any plugins. Follow along as we dive into the step-by-step process of adding interactivity to your Figma designs. Enhance user engagement and give your designs a professional touch with this pure Figma cursor follow animation. No coding required!
    #FigmaTutorial #CursorFollowAnimation #InteractiveDesign #FigmaAnimation #DesignTutorial #UserExperience #AnimationEffects #FigmaTips #FigmaTricks #NoPlugins #PureFigma #FigmaDesign #FigmaUX #DigitalDesign #UIAnimation #CreativeDesign #FigmaTutorial2023 #DesignInspiration #UXDesign #DesignHowTo #LearnFigma #DesignTech

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

  • @alessiacappuccelli415
    @alessiacappuccelli415 5 месяцев назад +3

    Wow, Amazing! I'll use this trick for my thesis project

  • @mrair8259
    @mrair8259 9 месяцев назад +3

    Awesome, clever use of Figma :) thanks

    • @undesign_
      @undesign_  9 месяцев назад

      Pleasure, glad you liked it

  • @joybiswas9825
    @joybiswas9825 2 месяца назад

    Love from Bangladesh bro❤

  • @jude_I
    @jude_I 7 месяцев назад

    amazing underrated channel.
    I'm a new sub

    • @undesign_
      @undesign_  7 месяцев назад

      Thanks so much, I appreciate it. Glad you liked it

  • @star-devil9157
    @star-devil9157 6 месяцев назад +1

    7:03
    Damn it bro I was watching in night and suddenly white screen appeared
    Lol 😂 🤣 😂

  • @jhinjhin00_1
    @jhinjhin00_1 5 месяцев назад +4

    but do the buttons and other interactive elements stay active? since the cursor is only triggering the top layer?

  • @madhankumar8606
    @madhankumar8606 3 месяца назад +1

    There is no file in the description for duplication. Can i get it one please!

  • @thienquy_lee
    @thienquy_lee 8 дней назад

    OMG

  • @NIRJHARRAY-pm1zg
    @NIRJHARRAY-pm1zg 3 месяца назад

    can this be talen to framer to build the actual website?

  • @mazenmouradmourad1125
    @mazenmouradmourad1125 6 месяцев назад

    Hi sir, where can I get that file?

  • @user-uo8rn2kp1m
    @user-uo8rn2kp1m 5 месяцев назад

    I followed the steps but the output have issue- while hovering it did change state to hover variant but it stays rather then going back to Default state. please guide what to do. because now after hovering all over screen it turns into hover state variant.

    • @hasibgns
      @hasibgns 5 месяцев назад +1

      Check on reset component state

  • @kimkumari3140
    @kimkumari3140 10 месяцев назад

    Good one , Can I have the file please?

    • @undesign_
      @undesign_  9 месяцев назад +1

      Yup, will polish and publish!

  • @jikuhasan5247
    @jikuhasan5247 7 месяцев назад

    confusing explanation sorry for me

    • @undesign_
      @undesign_  7 месяцев назад

      i appreciate the time you put to watch the video. Please duplicate the file from description to analyze.
      Basically all it is;
      Circles put together in a grid very closely and their size changes by hover.
      Then to add more visual effect we put 2 layers of rectangles over the whole frame and play around with their Layer Options.
      Sorry for bad explanation

    • @jikuhasan5247
      @jikuhasan5247 7 месяцев назад +1

      @@undesign_ please don't say like that .. im sorry too said like that... thanks for replay .. finally i made from video