- 33
- 3 794
Uixsensei1
India
เข้าร่วมเมื่อ 26 ก.ค. 2015
Crafting digital experiences that captivate and innovate. Join me on my journey of creativity and user-centric design! ✨
Create Stunning Logo Loading Animation in Figma | Prototyping Masterclass
Hey everyone! In this video, I'm going to show you how to create an awesome logo loading animation effect in Figma. Figma makes it easy to design and prototype stunning animations, and today we'll focus on a slick typewriter-style loading effect. Whether you're new to Figma or already familiar with its features, this tutorial will walk you through every step to elevate your UI/UX design game.
Using Figma's prototyping tools, we'll craft a smooth, eye-catching animation that enhances user interface interactions. Figma animation is simpler than you think, and with a few clicks, you can turn static designs into dynamic, engaging elements. As we go through the process, you'll also learn key prototyping techniques that you can apply to any project, whether you're working on web or app designs.
In this UI/UX design tutorial, we’ll dive into the details of how to animate logos using Figma’s powerful tools, and I'll share tips for achieving fluid transitions that will make your user interfaces stand out. From setting up your prototype to adding interactions, you’ll see how easy it is to create polished animations that feel professional and user-friendly.
Stick around, and by the end of this video, you'll have a cool loading animation that you can integrate into any of your design projects. If you get stuck or have any questions, feel free to reach out via the comments or my social media channels. Let’s grow together in UI design and take your prototyping skills to the next level!
With this tutorial, you'll not only master Figma animations but also improve your overall understanding of prototyping in UI/UX design. Let’s get started and create something awesome with Figma!
#uidesign #figma #ui #uiux
😊DESIGN RELATED SERVICES:
www.fiverr.com/s/W5L9wx
🔥SUPPORT:
www.buymeacoffee.com/Uixsensei1
SOFTWARE USED:
Figma
Files used🔥 :
no files used in this video so enjoy.
🔥PORTFOLIO:
dribbble.com/ashusahoo1
www.behance.net/ashu01?log_shim_removal=1
uixsensei1
Using Figma's prototyping tools, we'll craft a smooth, eye-catching animation that enhances user interface interactions. Figma animation is simpler than you think, and with a few clicks, you can turn static designs into dynamic, engaging elements. As we go through the process, you'll also learn key prototyping techniques that you can apply to any project, whether you're working on web or app designs.
In this UI/UX design tutorial, we’ll dive into the details of how to animate logos using Figma’s powerful tools, and I'll share tips for achieving fluid transitions that will make your user interfaces stand out. From setting up your prototype to adding interactions, you’ll see how easy it is to create polished animations that feel professional and user-friendly.
Stick around, and by the end of this video, you'll have a cool loading animation that you can integrate into any of your design projects. If you get stuck or have any questions, feel free to reach out via the comments or my social media channels. Let’s grow together in UI design and take your prototyping skills to the next level!
With this tutorial, you'll not only master Figma animations but also improve your overall understanding of prototyping in UI/UX design. Let’s get started and create something awesome with Figma!
#uidesign #figma #ui #uiux
😊DESIGN RELATED SERVICES:
www.fiverr.com/s/W5L9wx
🔥SUPPORT:
www.buymeacoffee.com/Uixsensei1
SOFTWARE USED:
Figma
Files used🔥 :
no files used in this video so enjoy.
🔥PORTFOLIO:
dribbble.com/ashusahoo1
www.behance.net/ashu01?log_shim_removal=1
uixsensei1
มุมมอง: 108
วีดีโอ
Figma Checkbox Animation Tutorial | Prototyping for Beginners | Easy UI Animation
มุมมอง 10021 วันที่ผ่านมา
Welcome to our step-by-step Figma Checkbox Animation tutorial, tailored for beginners! In this video, you'll learn how to design and prototype a smooth, interactive checkbox animation effect using Figma's powerful features. Whether you're new to UI/UX design or want to refine your prototyping skills, this tutorial is perfect for mastering micro-interactions. 🔧 What You'll Learn: How to create a...
Step-by-Step Guide to Designing Interactive Buttons in Figma | UI/UX Prototyping Basics
มุมมอง 172หลายเดือนก่อน
Welcome to our ultimate Figma tutorial on crafting Clickable Buttons with interactive animations! In this video, we’ll guide you through the essentials of designing and prototyping buttons in Figma, ideal for anyone new to UI/UX design or looking to sharpen their Figma skills. 🔧 What You’ll Discover: A complete walkthrough on creating responsive buttons in Figma. How to leverage Figma's advance...
Design a Stunning Anime Landing Page: Figma Guide with Neon Genesis Vibes!
มุมมอง 52หลายเดือนก่อน
Welcome to our Figma tutorial where we dive into creating a stunning Anime Landing Page with Neon Genesis vibes! Whether you're an experienced UI/UX designer or just starting out, this video will guide you through designing an eye-catching landing page that captures the essence of Neon Genesis. 🔧 What You'll Learn: Step-by-Step Design: Follow along as we design a captivating anime landing page ...
Mastering Figma: Easy Hover Animation Effects!
มุมมอง 371หลายเดือนก่อน
Hey everyone! In this video, I'll show you how to make cool hover animation effects in Figma. Figma animation is simpler than you think. Let's dive in! LESSGGOO BOISS!! ~ In Figma, creating captivating hover animations can significantly enhance user interaction and visual appeal. Start by designing your interface components with Figma's intuitive tools, ensuring attention to detail and usabilit...
Design Like a Pro: Nike Product Creation in Figma !
มุมมอง 3012 หลายเดือนก่อน
Dive into our in-depth Figma tutorial where we take you through redesigning a Nike product, complete with interactive prototyping! This video is tailored for UI/UX designers aiming to refine their skills in UI design and prototyping. video design is inspired by @dopemotions who had made this design in photoshop and I was trying if I can make it in figma from scratch .. be sure to subscribe him ...
Nike Product Design | Figma
มุมมอง 1042 หลายเดือนก่อน
Dive into our in-depth Figma tutorial where we take you through redesigning a Nike product, complete with interactive prototyping! This video is tailored for UI/UX designers aiming to refine their skills in UI design and prototyping. video design is inspired by @dopemotions who had made this design in photoshop and I was trying if I can make it in figma from scratch .. be sure to subscribe him ...
Slider Animation Effect | Figma | Prototyping
มุมมอง 4532 หลายเดือนก่อน
Welcome to our comprehensive Figma tutorial on creating a Horizontal x Vertical Slider Animation! In this video, we'll walk you through the process of designing and prototyping an engaging slider animation using Figma. Whether you're a UI/UX designer or just starting with UI design, this tutorial is perfect for enhancing your prototyping skills. 🔧 What You'll Learn: - Step-by-step guide to desi...
Dropdown Accordion Animation Effect | Figma | Prototyping
มุมมอง 1082 หลายเดือนก่อน
In this video I will show you how to make an dropdown accordion Animation Effect in figma !! We will practice this animation for better understanding. Figma animation is as easy as you can think it can be you just have to know what is the process so , LESSGGOO BOISS!! ~ To create a dropdown accordion animation in Figma, first design your accordion sections with both collapsed and expanded state...
Accordion Animation Effect | Figma | Prototyping
มุมมอง 1053 หลายเดือนก่อน
In this video I will show you how to make an accordion Animation Effect in figma !! We will practice this animation for better understanding. Figma animation is as easy as you can think it can be you just have to know what is the process so , LESSGGOO BOISS!! ~ To create an accordion animation in Figma, prepare your UI design by setting up your accordion sections with both collapsed and expande...
Typewriter Animation Effect | Figma | Prototyping
มุมมอง 1993 หลายเดือนก่อน
In this video I will show you how to make Typewriter Animation Effect in figma !! We will practice this animation for better understanding. Figma animation is as easy as you can think it can be you just have to know what is the process so , LESSGGOO BOISS!! ~ To create a typewriter animation effect in Figma, first, prepare your text and place it in a frame. Duplicate this frame for each charact...
Hover Animation Effect | Figma | Prototyping
มุมมอง 763 หลายเดือนก่อน
In this video I will show you how to make Card Hover Animation in figma !! We will practice this animation for better understanding. Figma animation is as easy as you can think it can be you just have to know what is the process so , LESSGGOO BOISS!! ~ The process I'm about to show you is also one of the simplest ways to do this. ~ If you got stuck in any part you can comment or ask me in my so...
Animated Gradient Effect | Figma | Prototyping
มุมมอง 703 หลายเดือนก่อน
In this video I will show you how to make Animated Gradient Effect in figma !! We will practice this animation for better understanding. Figma animation is as easy as you can think it can be you just have to know what is the process so , LESSGGOO BOISS!! ~ The process I'm about to show you is also one of the simplest ways to do this. ~ If you got stuck in any part you can comment or ask me in m...
Beeping Animation Effect | Figma | Prototyping
มุมมอง 573 หลายเดือนก่อน
Beeping Animation Effect | Figma | Prototyping
Figma fan animation in 2 minutes [Prototyping]
มุมมอง 853 หลายเดือนก่อน
Figma fan animation in 2 minutes [Prototyping]
Loading Animation Effect | Figma | Prototyping
มุมมอง 1834 หลายเดือนก่อน
Loading Animation Effect | Figma | Prototyping
Hamburger Menu Animation Effect | Figma | Prototyping
มุมมอง 384 หลายเดือนก่อน
Hamburger Menu Animation Effect | Figma | Prototyping
Slider Animation Effect | Figma | Prototyping | Beginners
มุมมอง 424 หลายเดือนก่อน
Slider Animation Effect | Figma | Prototyping | Beginners
On Off Micro InterAction | UI Design | Figma | Prototyping | Beginners
มุมมอง 414 หลายเดือนก่อน
On Off Micro InterAction | UI Design | Figma | Prototyping | Beginners
Nike Product Design | UI Design | Figma | Beginners
มุมมอง 1104 หลายเดือนก่อน
Nike Product Design | UI Design | Figma | Beginners
Minimalist Website UI Design | Figma | Beginners
มุมมอง 514 หลายเดือนก่อน
Minimalist Website UI Design | Figma | Beginners
Really cool🎉
Cool bro I just needed to learn that...
wow i was just finding this kind of tutorial thank you wish you million subs
Never seen anyone explain it so well🎉
Very useful and awesome tutorial
Beauty 🤩
Really awesome
Sensei and my training
yoo
@@uixsensei1 you forgot me
@@moisedia4930 no bro it is all good
@@uixsensei1 can I have your Instagram pls
Force sensei
you are the best bro
thx brother
Thank you 👋
Great 🎉
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx 🔥SUPPORT: www.buymeacoffee.com/Uixsensei1 Downloadable File 🔥 : ( FREE ASSETS ) drive.google.com/file/d/1ZHqtvntpNFF3SNfIspg7VJ17zDDMc5gW/view?usp=sharing 🔥PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
Hi sensei please I wanna learn it can you teach me please
@@moisedia4930 sure thing brother i will teach you whatever i have learned till date
@@uixsensei1 my ready sensei
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx Downloadable File 🔥 : ( FREE ASSETS ) drive.google.com/file/d/1WTOT4n2uDGiLsvOvffNnBX89eDhKe6IS/view?usp=sharing 🔥PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
Great tutorial but it's too fast...
i will keep that in mind
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx 🔥SUPPORT: www.buymeacoffee.com/Uixsensei1 Downloadable File 🔥 : ( FREE ) buymeacoffee.com/uixsensei1/e/267605 🔥PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx 🔥SUPPORT: www.buymeacoffee.com/Uixsensei1 Downloadable File 🔥 : ( FREE ) buymeacoffee.com/uixsensei1/e/265759 🔥PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
The full better version of the tutorial isin the channel also watch that in case u don't like this
Simple animation really good
if you liked this video consider watching my other better videos which will help you learn more about animation in figma
👍🏻 nice for new people
Cool one
Bro stop using this song use better
Exactly
👍🏻👍🏻
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx 🔥SUPPORT: www.buymeacoffee.com/Uixsensei1
DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
😊DESIGN RELATED SERVICES: www.fiverr.com/s/W5L9wx 🔥PORTFOLIO: dribbble.com/ashusahoo1 www.behance.net/ashu01?log_shim_removal=1 instagram.com/uixsensei1/
should I add some other components?? or can there be any improvement ?
great concept
really cool concept but editing can be better
hope you all will like it!!
cool design bro
files used:: drive.google.com/drive/folders/1DzIsCnpSJQCHQ7oHLkT_ENT0oOI5i-j8?usp=sharing
very much needed thank you for the free files
no problemo
FILES USED:: drive.google.com/drive/folders/1Ebb09hO7ukMX5fL3PCXYyMTbKRe7jSWX?usp=sharing