- 54
- 157 276
Rishi Kumar
Приєднався 22 жов 2011
My channel is way of sharing my knowledge with the community in the hope of helping others and to inspire people who are interested in learning UI/UX, Graphics & Motion Design.
Create Stunning Apple Intelligence Glow Animations in Figma | Figma Tutorial
In this Figma tutorial, you’ll learn how to design captivating Apple Intelligence glow animations. We’ll explore step-by-step techniques to achieve that sleek, futuristic glow effect that makes your UI elements stand out. Whether you’re a beginner or an experienced designer, this tutorial will help you master the art of creating dynamic animations using Figma.
Topics Covered:
- Setting up your Figma canvas
- Creating the base element for the glow effect
- Applying layer styles and effects
- Utilizing Figma’s Smart Animate for smooth transitions
- Tips for optimizing performance and maintaining consistency
#Figma
#Animation
#UIDesign
#AppleIntelligence
#GlowEffect
#Tutorial
#UserInterface
#DesignTips
Remember to like, share, and subscribe for more design tutorials! If you have any questions or need further clarification, feel free to leave a comment. Happy designing! 🚀🎨
Topics Covered:
- Setting up your Figma canvas
- Creating the base element for the glow effect
- Applying layer styles and effects
- Utilizing Figma’s Smart Animate for smooth transitions
- Tips for optimizing performance and maintaining consistency
#Figma
#Animation
#UIDesign
#AppleIntelligence
#GlowEffect
#Tutorial
#UserInterface
#DesignTips
Remember to like, share, and subscribe for more design tutorials! If you have any questions or need further clarification, feel free to leave a comment. Happy designing! 🚀🎨
Переглядів: 350
Відео
Design Like a Pro: Build Flexible Themes with Figma Variables
Переглядів 1912 місяці тому
Tired of repetitive design tasks and inconsistent styles across your Figma projects? This tutorial unlocks the secrets of creating powerful themes using variables! Learn to: - Build a robust design system: Master Figma's variables for color, text styles, and spacing. - Create flexible and reusable themes: Apply styles effortlessly across your designs. - Maintain design consistency: Ensure brand...
✨ Master Conditional Prototypes with Figma Variables! (Easy Tutorial!)**
Переглядів 4232 місяці тому
Want to take your Figma prototypes to the next level of interactivity and realism? This tutorial unlocks the secrets of creating powerful conditional prototypes using variables! Learn to: 1. Build dynamic prototypes with conditional branching: Master Figma's variables and interaction features. 2. No coding experience required!: Leverage the power of Figma's built-in tools. 3. Create smart user ...
Master Follow-Through Animation in Figma! (Easy Tutorial & Design Tips!)
Переглядів 2414 місяці тому
Want to add a touch of realism and polish to your Figma animations? This tutorial unlocks the secrets of creating smooth, natural-looking follow-through animations! Learn to: Build dynamic follow-through effects from scratch: Master Figma's tools and techniques. No plugins required!: Utilize built-in features for user-friendly creation. Achieve realistic movement: Simulate inertia and momentum ...
Master Pixel Reveal Animations in Figma (Easy Tutorial! + Bonus Effect)**
Переглядів 5285 місяців тому
Master Pixel Reveal Animations in Figma (Easy Tutorial! Bonus Effect)
Animate Figma's Ripple Effect in minutes! No Plugins required
Переглядів 6 тис.5 місяців тому
Animate Figma's Ripple Effect in minutes! No Plugins required
Craft Dynamic Countdown Timers in Figma! Variables Hack No Coding!
Переглядів 8 тис.5 місяців тому
Craft Dynamic Countdown Timers in Figma! Variables Hack No Coding!
Master Figma Object Cutouts: Ditch the Background, Keep the Subject!
Переглядів 6666 місяців тому
Master Figma Object Cutouts: Ditch the Background, Keep the Subject!
Figma Hover Effects: From Subtle Magic to Mind-Blowing Explosions - No Coding!
Переглядів 1,6 тис.7 місяців тому
Figma Hover Effects: From Subtle Magic to Mind-Blowing Explosions - No Coding!
Colorful Glow or Shadows in figma - Content based and dynamic
Переглядів 2,2 тис.2 роки тому
Colorful Glow or Shadows in figma - Content based and dynamic
Figma interactive components - Animating a Pie Chart
Переглядів 18 тис.3 роки тому
Figma interactive components - Animating a Pie Chart
Figma Auto Layout Trick - Add overflowing elements in your auto layout designs
Переглядів 13 тис.3 роки тому
Figma Auto Layout Trick - Add overflowing elements in your auto layout designs
Easily switch figma variants with a toggle | Change dropdown to a toggle
Переглядів 16 тис.3 роки тому
Easily switch figma variants with a toggle | Change dropdown to a toggle
Figma Interactive Component - Like Button Animation
Переглядів 42 тис.3 роки тому
Figma Interactive Component - Like Button Animation
Cool!
I do everything like you, but from somewhere it appears after zero 1 with a minus (-1)
If you can share the file I can have a look. Most probably it's just conditional issue with some maths to figure out
Рахмет бро!
Great! just what I was looking for!
Great
I'm trying to create a timer that counts up and I need the seconds to be styled as "01" not "1" any tips?
Yup you need to have two separate text layers keep the first text layer constant 0 and on the second one attach variable. Hide the 0 layer once the counter layer crosses 9. Hope it helps and doesn’t confuse instead 🙈
Very Helpful thanks for the video If you give a small exercise or mini assignment for us to do, it would be really helpful
You can try making it for light and dark theme mode of a popup or form
@@rishikumar3144 Sure I'll Try Thanks
how you add tha viewport>?
cool channel
Tutorial please
👏👏👏
❤
This is absolutely stunning ❤
Superb
You need to have professional plan for use "conditional"
Or you can get a student account by purchasing any such course where figma is in the curriculum.
I didn't know it was that easy. Thanks Rishi for putting in the hard work for us 😊
how to stop timer when minutes and seconds == 0? can we using AND operator? like combining condition
Yeah you can try that, ‘and’ ‘or ‘ operators are available
Whoaa, I wanted a video on just these bits. Thanks man!
Thank You! It is really helpfull trick :)
Thank your for this great tutorial Rishi 👌
Loving your content 🔥🔥
Bro, LinkedIn Id please
www.linkedin.com/in/rishi-kumar-73640072/
i am free fire player
Nice
Have you learned it by your self, this rive tool
figma tools free ha
joh is bhai nay use kiya paid hay
Ohmygod I've just spent hours trying to do this and you solved it in 7 minutes. Bless you
Bro I want to stop when it's hits 0:01. I do your steps but is going to -1 ... How to stop
Can you ping me your exact logic statement you are using in figma and requirement? If possible share the file
Figma file please
That was amazing ! Thanks.
Nice demonstration, I hope “students” are taking notes
Nice, reminds me of something controversial
🤪
Nice
Sir text name, please
Awesome, this trick is going to add a lot of bling to my designs. Thank you Rishi Rich
This was one of the best tutorials I came across as I was trying to figure out variables and conditions to set, and it helped me to build it very quickly. I also appreciated how well-paced your explanation was. It was not too fast nor too slow and helped me follow along better. One question that remains is whether you found a way to show two digits as part of the count down where 0 replaces the left digit. So for instance, right now the seconds shows 10 > 9 > 8... but I want it to show 10 > 09 > 08... where a zero will appear in front of the single digit like it does on digital clocks. What would you recommend for that because in the local variables, even if I place a zero, it will auto-delete it and there doesn't appear to be an obvious way to set it. Also, how do I stop the timer after minutes reaches 0?
-I haven't tried it but you can try and add a text layer with "0" value and make it absolute position in front of the timer. -Now attach a boolean variable to the layer visibility and make it off by default -In your variables condition add one more condition where it checks if the current timer is less than 10 then turn on the visibility of that "0" text layer. - To stop timer just tweak the if condition to >=0 I hope this helps and doesn't confuse you 🙈
Thanks a lot for both of you, I had that exact question
U r videos are awesome.. Bring new videos so that we can learn new things
hey , would love to connect to learn from each other.
Good
Cool slider
Really appreciable content you provided us loved it just subscribed ❤🔥🔥
Why did you create the second mask? what does it mean to make the base of the image flat?
Thank you so much for this! Thanks to it I managed to translate a concept idea :D Subscribed :D
awesome.. both images my fav ps4 games too :)
Great work. Many people struggle to understand the delay timers. Very well explained 👍
Awesome
Interesting theme
😝
Amazing❤
🤩🤩🤩
Cheating ,you got hit 😂. Awesome, nostalgic !
Figma is the new game engine ❤
I wish 😆