The Simplest UI/UX Animation Tool - Figma to Jitter.video Crash Course (2024)

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ค. 2024
  • 🌟 Welcome to Design Therapy w/ effekt.design
    In this video tutorial, I'm exploring Jitter.video, a rather simple, fast, and time-saving animation tool for UI/UX designers.
    Great for Figma beginners too.
    This tutorial is perfect for anyone looking to add that extra flair to their designs effortlessly. We can literally create something great in a matter of minutes.
    🎨 Want to follow along using the same design file? Visit this Figma link ( bit.ly/effekt-jitter ) and copy it to your files to get started.
    I've divided it into three sections for your convenience:
    🕒 TIMESTAMPS:
    00:00 - Intro
    01:50 - Keyframing Concept Explained
    03:07 - Jitter.video Tutorial
    Effekt.design is all about creating a friendly, easy-going, and calm environment for designers like us. Sit back, grab yourself a cup of tea(or coffee, no judging 👀), relax, and enjoy the tutorial.
    And if you find this video helpful, don't forget to hit that subscribe button and 🔔 notification bell to stay updated on my latest content. Your support means the world to me! 🌍
    Happy designing 💛
    #JitterVideo #UIUX #Figma #Animation #DesignTutorial
  • แนวปฏิบัติและการใช้ชีวิต

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

  • @effekt.design
    @effekt.design  ปีที่แล้ว +2

    🎨 Want to follow along using the same design file? Visit this Figma link ( bit.ly/effekt-jitter ) and copy it to your files to get started.
    🕒 TIMESTAMPS:
    00:00 - Intro
    01:50 - Keyframing Concept Explained
    03:07 - Jitter.video Tutorial

  • @user-eo3jz8uj9l
    @user-eo3jz8uj9l 23 วันที่ผ่านมา

    Great video! Thanks for your help.

  • @vlockn
    @vlockn 5 หลายเดือนก่อน +2

    Great tutorial, thank you!

  • @saadrahman86
    @saadrahman86 8 หลายเดือนก่อน +1

    Yes, great tools, actually designer looking these kind of tool for animation. Thank you, and plz upload more video about Jitter

  • @nixu81
    @nixu81 หลายเดือนก่อน

    Thank you for sharing this material!

  • @leslie8
    @leslie8 5 หลายเดือนก่อน +1

    Great video! Thanks for your help. 😊 Couldn't find many jitter tutorials.

  • @uifry
    @uifry 10 หลายเดือนก่อน

    Amazing

  • @shravanstoinis3863
    @shravanstoinis3863 10 หลายเดือนก่อน

    Nice clean explanation ....

  • @adevikthur
    @adevikthur 11 หลายเดือนก่อน +2

    Thank you so much for this 👏

    • @effekt.design
      @effekt.design  11 หลายเดือนก่อน +1

      most welcome😊 appreciate the comment 🤝🤝

  • @duykhoiphanlam3879
    @duykhoiphanlam3879 ปีที่แล้ว +3

    Hey man, this is very helpful for me to give my client a first look at the design. Thanks again and look for your new video

    • @effekt.design
      @effekt.design  ปีที่แล้ว

      Appreciate the feedback! Glad I could be of help 💛

  • @Alan_Jacob
    @Alan_Jacob 11 หลายเดือนก่อน +2

    EXACTLY WHAT I WAS LOOKING FOR THANK YOU SOO MUCH❤

    • @effekt.design
      @effekt.design  11 หลายเดือนก่อน

      Glad it was helpful! Thanks a lot for your comment :)

  •  11 หลายเดือนก่อน +2

    hi there !, I think it will be interesting to see your hacks for AFX to animate faster/simpler your UIs

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

    Great video. Can I export an entire design set that has already been prototyped in Figma to jitter?

  • @anggawibowo2077
    @anggawibowo2077 11 หลายเดือนก่อน +1

    Thankyou! This is very helpful! 🤟I've been looking for this kinda tutorial but i got nothing. And suddenly your video comes out in my recommendation.

    • @effekt.design
      @effekt.design  11 หลายเดือนก่อน

      Appreciate the feedback! Thanks so much for the comment 🙌

  • @ollieward7231
    @ollieward7231 ปีที่แล้ว +2

    Hey nice video, I'm new to web design, coming over from an E-Com background, can you use this with webflow also?

    • @effekt.design
      @effekt.design  ปีที่แล้ว +1

      Hey thanks for the feedback!
      You can definitely use this by exporting a video in GIF format or MP4 formats and importing then as videos/images to your webflow website.
      If you want something more light weight you can export the animation as a Lottie file and importing it that way but if you opt to this method I believe you will need the premium version of Jitter.

  • @hichambaghedoud6737
    @hichambaghedoud6737 11 หลายเดือนก่อน +1

    Very good abd thoroughly explained tutorial.
    One little request is to remove music because it kinda distracts from the video and makes me wanna take a nap 😊

    • @effekt.design
      @effekt.design  11 หลายเดือนก่อน

      Thanks a lot for the comment! 🙌
      Totally agree with the feedback music mid explanation can get distracting 🫡 appreciate constructive criticism

  • @linovin_5954
    @linovin_5954 7 หลายเดือนก่อน +1

    amazing video!!!
    how do you make this video you posted on TH-cam
    what software did you use to make the illustrations?

    • @effekt.design
      @effekt.design  5 หลายเดือนก่อน +1

      After effects 😊

    • @linovin_5954
      @linovin_5954 5 หลายเดือนก่อน

      ​@@effekt.design thank you!

  • @davedesigns4you
    @davedesigns4you 9 หลายเดือนก่อน

    Dude! What's happening with your videos?
    Don't stop!