- 8
- 30 963
effekt
เข้าร่วมเมื่อ 25 พ.ค. 2023
Here to share my passion for everything web design & development. Constantly learning and sharing what I learn with you.
Create Stunning Hover Interactions in Webflow! (+FREE Clonable Link) | Webflow Tutorial 2025
Want to add a captivating hover effect to your Webflow project? In this quick, under-10-minute tutorial, I’ll guide you through creating a sleek external link hover interaction that subtly signals, ‘You’re leaving’ for a smooth user experience.
✨ Get Lifetime Premium Access ✨
Head to effekt.design/#community to grab your FREE premium subscription and gain exclusive access to this clonable and many more!
🎬 This tutorial is perfect for both beginners and experienced Webflow designers, offering a quick, clear step-by-step process to elevate your website’s interactivity. Watch now and create professional-grade hover effects in no time!
#webflow #webflowtutorial #microinteractions #uidesign
✨ Get Lifetime Premium Access ✨
Head to effekt.design/#community to grab your FREE premium subscription and gain exclusive access to this clonable and many more!
🎬 This tutorial is perfect for both beginners and experienced Webflow designers, offering a quick, clear step-by-step process to elevate your website’s interactivity. Watch now and create professional-grade hover effects in no time!
#webflow #webflowtutorial #microinteractions #uidesign
มุมมอง: 291
วีดีโอ
Create Stunning Logo Animations Fast | UI/UX Animation Tool - Jitter.video Crash Course (2025)
มุมมอง 66621 วันที่ผ่านมา
🎨 Want to follow along? Grab the design file I’m using here: bit.ly/3YFaDLX Copy it to your files, and let’s get started! 🎉 Limited-Time Offer: Join the effekt.design Community today and unlock exclusive resources, tips, and design discussions! Sign up here: effekt.design/#community In this video, we’re diving into Jitter.video-a super simple and efficient tool for creating amazing animations. ...
Intro to Figma Prototypes - Create a Stunning Animated Sidebar Menu in less than 15 mins!
มุมมอง 2.7Kปีที่แล้ว
🌟 In this Figma Prototypes tutorial, we learn how to create a smooth, animated sidebar menu in just 15 minutes using Figma's built-in tools, no plugins or external apps required. We'll create a mobile website hero section with a burger menu icon. When clicked, a beautifully animated right sidebar will open, revealing staggered links sliding in and a dark, blurred backdrop. An elegant, eye-catch...
Master Figma Auto Layout with 3 Practical Examples in under 15 Mins
มุมมอง 549ปีที่แล้ว
🌟 Welcome to this Figma Auto Layout tutorial, where I'll guide you through three practical examples to help you master this powerful feature. Auto Layout is like a.. "smart group", that helps you create responsive designs and streamline your workflow. In this tutorial, we'll dive deep into Auto Layout and explore its potential through three examples: A simple button A responsive footer componen...
The Simplest UI/UX Animation Tool - Figma to Jitter.video Crash Course (2024)
มุมมอง 19Kปีที่แล้ว
🌟 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 th...
Design a Multistep Form on Figma - in under 15 Minutes! (+Channel Introduction)
มุมมอง 2.2Kปีที่แล้ว
Hey guys! 👋 In this video, I'm going to show you how to recreate a multistep form on Figma in under 15 minutes. Whether you're just starting with Figma or looking to improve your design skills, this tutorial is perfect for you. I'll guide you step-by-step through the process, sharing some tips and tricks along the way to help you create a sleek and functional multistep form. ━━━━━━━━━━ ⏰ Timest...
🚀 Don’t miss out on lifetime FREE access! Head over to effekt.design/#community to join the discord community and grab this clonable, along with many more exclusive resources in the future.
kinda lost the flair of being a youtuber, but i still love ur vids and the effort u put in making them
🎉 Limited-Time Offer: Join the effekt.design Community today and unlock exclusive resources, tips, and design discussions! Sign up here: effekt.design/#community
When i try to export a mobile frame from figma to jitter...it says ( Unable to export frames with more than 400 nodes. Try to flatten or rasterize groups that contain many layers ) Can you help me with this
@@DineshKumar-gy5yh it may mean that you have a lot of layers Or maybe a single layer with loads of points in that vector group :)
Is there any free alternative? Their free version gives blurry videos output
Love the channel concept! 😌Let’s connect! will look you up on discord and twitter 🙌
I was considering jitter is not good and provide simple animations but after seeing your video Now I will use it for animation 💖
Great video. Can I export an entire design set that has already been prototyped in Figma to jitter?
Great video! Thanks for your help.
Thank you for sharing this material!
What a great explanations! Congratz
looks fire ❤🔥
Great tutorial, thank you!
Great video! Thanks for your help. 😊 Couldn't find many jitter tutorials.
amazing video!!! how do you make this video you posted on TH-cam what software did you use to make the illustrations?
After effects 😊
@@effekt.design thank you!
Syfg
smoooooooth
Yes, great tools, actually designer looking these kind of tool for animation. Thank you, and plz upload more video about Jitter
Dude! What's happening with your videos? Don't stop!
I found its helpful can I get ur mail
u have it in hi youtube description
Nice clean explanation ....
Amazing Content :)
Amazing
Alr done with it? Bruh
I have been looking for a multistep form design tutorial. It feels like most design channels do sort of the same things. I therefore like that you started out with this ”rare” piece. One question I have though since I have this type of form in my app; how would you do the mobile version?
hi there !, I think it will be interesting to see your hacks for AFX to animate faster/simpler your UIs
EXACTLY WHAT I WAS LOOKING FOR THANK YOU SOO MUCH❤
Glad it was helpful! Thanks a lot for your comment :)
He even names the layers... A legend, ladies and gentlemen! 🎉
haha! Appreciate the comments brother (x3) 🫡
@@effekt.design Can't help it. You're dropping a lot of gems 💎 and the least I can do is to appreciate and spread the word.
Subscribed immediately, you're doing a wonderful work.
Appreciate your comment again :) Thanks a lot for the feedback 😎
Thank you so much for this 👏
most welcome😊 appreciate the comment 🤝🤝
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 😊
Thanks a lot for the comment! 🙌 Totally agree with the feedback music mid explanation can get distracting 🫡 appreciate constructive criticism
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.
Appreciate the feedback! Thanks so much for the comment 🙌
When next albion live?
Don't stop making videos
yesssir 🫡 haha Thanks for the comment, appreciate it!
nice vids, whatched them all, very helpfull
Appreciate the feedback brother! 💛 haha
Super helpful!
Glad it was! Thanks for the feedback 😊
need to connect with you , I'm new to designing please help me regarding this
Will be glad to help out :) Find me on discord through @effekt
i have DM'ed you on discord
Replied 🤝
Thank you 👍
Appreciate the feedback! 💛 Most welcome :)
🕒 TIMESTAMPS: 00:00 - Intro 00:35 - The Figma Prototype Overview 02:06 - Setting up the Design for the Sidebar Menu 04:39 - Adding Content to the designed Menu 06:36 - How to use the Prototype Tool (Creating Links) 08:55 - Adding the stagger animation effect to menu content 14:20 - Preview & Wrap Up
If you find this video helpful, don't forget to hit that subscribe button and 🔔 notification bell to stay updated on my latest content Happy designing 💛
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
Appreciate the feedback! Glad I could be of help 💛
Promo`SM ✅
Wow❤
Appreciate the comment 💛
Woow!!! This is the best tutorial ive been looking for. This made me understand the autolayout more. Ilearned that Disecting is the key to understand the structure. Cos before i dont know when to use autolayout or not to use it... this helped me a looot
Glad I could help 😊 also thanks a lot for the feedback! 💛
Sorry could you explain what is the difference between hugged + fixed ? Didnt catch that ? (second b.)
Hug Auto-layouts will have variable widths/heights (i.e if the element inside it has a width of 80 -> then that means the auto layout will expand to contain that element and basically hug that element from all sides making the auto layout itself also 80) Where as fixed Auto-layout means that the auto layout will always maintain a certain FIXED width/height (REGARDLESS of the elements inside of that auto layout group)
Could you please make a video on scroll down menu ? Thx
Do you mean dropdown menus/ Navbar drop downs?
I have been looking for a good explanation for about three days straight. Nobody gives a definition, they all try to go fast and impress, not teach. I am brutally honest and you my friend are doing a great job. Try definition example mode. Great job, honestly
Glad I could help 😊And Really Appreciate your feedback! 🤝
If you find this video helpful, don't forget to hit that subscribe button and 🔔 notification bell to stay updated on my latest content Happy designing 💛
🕒 TIMESTAMPS: 00:00 - Intro 00:16 - What is Figma Auto Layout? 01:55 - Example 1: Button 04:47 - Example 2: Footer Component 07:26 - Example 3: Card Component 15:57 - Outro