- 40
- 18 228
Coding Foundation
Pakistan
เข้าร่วมเมื่อ 23 ส.ค. 2021
Coding Foundation starting to teach you skills in a simple and new way.
Here, you will learn different programming languages, Figma and other skills.
We started from Figma, Adobe XD, other courses will be available here.
So, keep Up to date with the latest tutorial and courses.
Here, you will learn different programming languages, Figma and other skills.
We started from Figma, Adobe XD, other courses will be available here.
So, keep Up to date with the latest tutorial and courses.
How to create Splash screen animation in Figma (Figma Tutorial)
How to design splash screen animation in Figma (Figma Tutorial)
In this tutorial, I'll show you How to create Splash screen animation in Figma, step by step. Whether you're designing an intro for an app or want to add some dynamic elements to your portfolio, this video will guide you through creating an animated logo splash screen and elevate your animation skills.
We’ll cover everything from logo design to adding interactive animations, helping you level up your UI design, prototyping, and motion design skills.Perfect for beginners and anyone looking to enhance their UI/UX and motion design skills.
Don't forget to like, comment, and subscribe for more tips on Figma and design!
Want to learn more about Figma? Subscribe to my channel.
#figmatutorial #splashscreen #ui #ux #splash #userinterface #figma #figmadesignsystem #figmaprototyping #figmaanimation
-------------
🎬 Check Out My Previous Videos:
• Loading Animation: th-cam.com/video/cvYG0QRBeEU/w-d-xo.html
• Multiple Choice (Checkbox): th-cam.com/video/MUVY6UKE12I/w-d-xo.html
• Button Hover Effects: th-cam.com/video/3W4ADfwHYLY/w-d-xo.html
• Login Screen Design: th-cam.com/video/O8N1fafBIvo/w-d-xo.html
• Glass Card Effect: th-cam.com/video/p7IbKl360BE/w-d-xo.html
Have any questions about UI/UX design, Figma tips, or product design? Drop a comment below, and I'll be happy to answer! 📝
splash screen in figma, splash screen, animated logo splash screen, design animated splash screen figma, how to animate splash screen in figma, visual design splash screen on figma, how to animate splash screen in figma, splash screen figma tutorial, in figma, onboarding screen animation, screen animation, Figma for beginners, figma smart animate tutorial, spinning splash screen mobile ui figma, How to create Logo animation in figma, how to create splash screen, Beginner's guide to Figma, Figma Tutorials for beginners, figma prototype tutorial, figma animation prototype, figma tutorial, product design, ui design, ux design, figma
In this tutorial, I'll show you How to create Splash screen animation in Figma, step by step. Whether you're designing an intro for an app or want to add some dynamic elements to your portfolio, this video will guide you through creating an animated logo splash screen and elevate your animation skills.
We’ll cover everything from logo design to adding interactive animations, helping you level up your UI design, prototyping, and motion design skills.Perfect for beginners and anyone looking to enhance their UI/UX and motion design skills.
Don't forget to like, comment, and subscribe for more tips on Figma and design!
Want to learn more about Figma? Subscribe to my channel.
#figmatutorial #splashscreen #ui #ux #splash #userinterface #figma #figmadesignsystem #figmaprototyping #figmaanimation
-------------
🎬 Check Out My Previous Videos:
• Loading Animation: th-cam.com/video/cvYG0QRBeEU/w-d-xo.html
• Multiple Choice (Checkbox): th-cam.com/video/MUVY6UKE12I/w-d-xo.html
• Button Hover Effects: th-cam.com/video/3W4ADfwHYLY/w-d-xo.html
• Login Screen Design: th-cam.com/video/O8N1fafBIvo/w-d-xo.html
• Glass Card Effect: th-cam.com/video/p7IbKl360BE/w-d-xo.html
Have any questions about UI/UX design, Figma tips, or product design? Drop a comment below, and I'll be happy to answer! 📝
splash screen in figma, splash screen, animated logo splash screen, design animated splash screen figma, how to animate splash screen in figma, visual design splash screen on figma, how to animate splash screen in figma, splash screen figma tutorial, in figma, onboarding screen animation, screen animation, Figma for beginners, figma smart animate tutorial, spinning splash screen mobile ui figma, How to create Logo animation in figma, how to create splash screen, Beginner's guide to Figma, Figma Tutorials for beginners, figma prototype tutorial, figma animation prototype, figma tutorial, product design, ui design, ux design, figma
มุมมอง: 139
วีดีโอ
Design a Responsive Data table with Auto Layout in Figma (2025)
มุมมอง 4512 ชั่วโมงที่ผ่านมา
Learn to design a responsive data table with Auto Layout in Figma! In this video tutorial, we’ll guide you through the step-by-step process of building a fully responsive table from scratch. Using Figma's powerful Auto Layout and component features, you can create flexible, adaptive designs that automatically adjust to different screen sizes and varying content lengths. Figma components also en...
Figma Tutorial: Create Engaging Button Animation using Figma
มุมมอง 6721 ชั่วโมงที่ผ่านมา
In this Figma tutorial, I’ll show you how to create engaging button animation using figma for your UI/UX designs. Learn how to design buttons, add hover effects, and animate them using Figma’s powerful tools. This quick tutorial is perfect for giving your designs a polished and dynamic touch! If you're looking to design clickable buttons in Figma, create hover and click animations, and master s...
How to Create Refracted Glass Effect in Figma | UI Design Tutorial
มุมมอง 108วันที่ผ่านมา
In this Figma tutorial, I’ll teach you How to Create Refracted Glass Effect in Figma - a key element of the Glassmorphism trend! 🌟 Glassmorphism is gaining immense popularity for its ability to bring a sleek, frosted-glass look to web and mobile app interfaces, giving your designs a modern, stylish edge. Mastering this technique will elevate your UI design skills and help you stay ahead of desi...
Figma Tutorial: Create a spinner Loading Animations
มุมมอง 9914 วันที่ผ่านมา
In this Figma tutorial, we'll be Create a spinner Loading Animations (Loading Indicator). This tutorial help in Figma loading animation techniques for your UI/UX design projects. We'll design a simple loader using basic shapes, then animate it with linear animation and a fixed delay to create a smooth, looping effect. You’ll learn How to create a Loading Indicator Animation using simple element...
Button Design: Create Glowing Button Effect Using Figma
มุมมอง 5614 วันที่ผ่านมา
In this video, you will learn how to create an eye-catching glowing button effect using Figma. We will cover the technique of Auto Layout to create responsive and well-structured buttons. We will guide you on how to apply a glowing shadow effect that makes your button stand out. Micro-interactions are used to create a smooth hover effect that triggers the glow effect, adding a dynamic feel to y...
Figma Mesh Gradient Tutorial | Create Animated Backgrounds
มุมมอง 6421 วันที่ผ่านมา
Learn How to Create Animated Mesh Gradients in Figma. Mesh and Aurora gradients are not only popular and beautiful-they're also easy to make. I’ll show you how to design these mesmerizing gradients and animate them for a unique effect. ➡️ Have a question about UI/UX design or Figma? Drop it in the comments-I’d be happy to help! Thanks for watching! Don’t forget to hit that Like button and Subsc...
Vertical Scrolling: Scrolling Animation in Figma
มุมมอง 12828 วันที่ผ่านมา
In this Figma tutorial, we’ll teach you how to create Vertical Scrolling in Figma. You will learn Figma Scrolling Animations to add smooth and dynamic scrolling animations to your designs. Whether you're designing websites, mobile apps, or digital interfaces, mastering scroll effects in Figma is essential for creating smooth and interactive user experiences. Don’t forget to Like 👍| Comment 👇 | ...
Horizontal Scrolling in Figma | Prototyping with Scrolling Animations
มุมมอง 204หลายเดือนก่อน
In this Figma tutorial, we’ll teach you how to create Horizontal Scrolling in Figma. You will learn Figma Prototyping with Scrolling Animations. Whether you're designing websites, mobile apps, or digital interfaces, mastering scroll effects in Figma is essential for creating smooth and interactive user experiences. #figma #figmatutorial #scrolling #uidesign #figmatips #figmaanimation #userinter...
Auto Layout: Responsive Design in Figma | Figma Tutorial for beginners
มุมมอง 505หลายเดือนก่อน
In this video, I'm going to show you an Auto Layout Responsive Design in Figma. Auto layout in Figma is a powerful tool that helps you design faster and more efficiently. We will go over from the basics of Auto Layout to creating effective responsive designs. You'll learn how to create a responsive card in just a few simple steps-no plugins needed! Today’s focus is on designing a responsive Aut...
Create a Loading Animation in Figma (Loading Dots Animation)
มุมมอง 85หลายเดือนก่อน
In today's tutorial, we'll be designing a Loading Animation in Figma (Loading Dots Animation). This video help you in Figma loading animation techniques for your UI/UX design projects. We'll design a simple dotted loader using basic oval shapes, then animate it with Linear Animation and a fixed delay to create a smooth, looping effect. You’ll learn essential techniques, How to create a dotted l...
How to Design Glassmorphism Effect in Figma | Figma Tutorial | Figma UI Design
มุมมอง 152หลายเดือนก่อน
Welcome to another Figma tutorial! In this tutorial, I’ll teach you how to create the stunning Glassmorphism effect in Figma - a modern UI design trend that brings a sleek, frosted-glass look to your web and mobile app interfaces. Why Use Glassmorphism? Glassmorphism is a popular design trend in UI/UX (User Interface/User Experience) that focuses on creating translucent, frosted-glass-like elem...
How to Design Intractive Button in Figma | Figma Tutorial | UIUX Tutorials
มุมมอง 52หลายเดือนก่อน
In this video we will learn how to create an interactive button animation with a hover effect in Figma. When you hover over the button it will change to interactive button design. You’ll learn how to use Auto Layout, Figma's micro-interactions and Figma’s prototyping features, making it easy for UI/UX designers to learn prototyping and animation in Figma.. 🔔 Don't forget to like, comment, and s...
How to Create Responsive Tooltip Component in Figma | Figma Tutorial
มุมมอง 110หลายเดือนก่อน
How to Create Responsive Tooltip Component in Figma | Figma Tutorial
How to Create Dropdown Menu in Figma | Figma Tutorial
มุมมอง 1.7Kหลายเดือนก่อน
How to Create Dropdown Menu in Figma | Figma Tutorial
How to Design an Interactive Loaders in Figma | Figma loading animation | Figma Tutorial
มุมมอง 6222 หลายเดือนก่อน
How to Design an Interactive Loaders in Figma | Figma loading animation | Figma Tutorial
How to Create Modern Glass Card Effect in Figma | Figma Tutorial | UIDesign
มุมมอง 2902 หลายเดือนก่อน
How to Create Modern Glass Card Effect in Figma | Figma Tutorial | UIDesign
How to Create a Glowing Button Effect in Figma | Figma tutorial | Figma Interactive Component
มุมมอง 2302 หลายเดือนก่อน
How to Create a Glowing Button Effect in Figma | Figma tutorial | Figma Interactive Component
Create a Multiple Choice (Checkbox) Interactive Component in Figma | Figma Design System
มุมมอง 2782 หลายเดือนก่อน
Create a Multiple Choice (Checkbox) Interactive Component in Figma | Figma Design System
Animated Login Screen Design using Figma | Figma web design | Figma tutorial
มุมมอง 2642 หลายเดือนก่อน
Animated Login Screen Design using Figma | Figma web design | Figma tutorial
How to Design a Login Form in Figma | Figma Login/Signup Page Design | Figma Tutorials
มุมมอง 632 หลายเดือนก่อน
How to Design a Login Form in Figma | Figma Login/Signup Page Design | Figma Tutorials
Interactive Button design Hover Effect in Figma | Figma tutorial | Interactive Component Tutorial
มุมมอง 2102 หลายเดือนก่อน
Interactive Button design Hover Effect in Figma | Figma tutorial | Interactive Component Tutorial
Figma Loading Animation | Figma Interactive Components | Figma Tutorials
มุมมอง 1772 หลายเดือนก่อน
Figma Loading Animation | Figma Interactive Components | Figma Tutorials
How to Design Loading Animation in Figma | Figma Tutorial
มุมมอง 3103 หลายเดือนก่อน
How to Design Loading Animation in Figma | Figma Tutorial
Create Interactive Button Animations Hover Effects in Figma!
มุมมอง 1193 หลายเดือนก่อน
Create Interactive Button Animations Hover Effects in Figma!
Create Button Hover Effects functionality in figma | Figma tutorials
มุมมอง 433 หลายเดือนก่อน
Create Button Hover Effects functionality in figma | Figma tutorials
FAQs section design and Prototyping in XD | adobe XD Prototyping | adobe XD tutorial
มุมมอง 894ปีที่แล้ว
FAQs section design and Prototyping in XD | adobe XD Prototyping | adobe XD tutorial
Tabs Animation in XD using component states | adobe XD Prototyping | adobe XD tutorial
มุมมอง 1.1K2 ปีที่แล้ว
Tabs Animation in XD using component states | adobe XD Prototyping | adobe XD tutorial
How to Design Slider Animation in XD using components | adobe XD Prototyping | adobe XD tutorial
มุมมอง 4172 ปีที่แล้ว
How to Design Slider Animation in XD using components | adobe XD Prototyping | adobe XD tutorial
Button auto animation | Hover Button effects in XD | Adobe XD Tutorial | Adobe XD prototype
มุมมอง 6222 ปีที่แล้ว
Button auto animation | Hover Button effects in XD | Adobe XD Tutorial | Adobe XD prototype
Nice❤
What's your biggest question about Figma or UI/UX design?
After you create the first variant, it seems to automatically become an asset, but it doesn't for me. What am I missing?
@@dnagy2772 If the first variant is not appearing in the Assets panel, ensure you've created the variant properly. Select your design element and press Ctrl+Alt+K. After adding the variant, open the Assets panel under "Local Components." Your component with the variants should appear there.
What's one thing you find tricky or exciting while designing table in Figma?
Vvvvry nice
Nice work bro❤
Good❤
Nice
@chmuhammadmujtaba4111 thanks
thanks for this amazing tutorial
loving design 👍
Nice
Amazing ❤
❤
Its realy cool ❤
❤
Very cool ❤
Thanks for this video. Make more videos on responsive design
Nice
What's your biggest question about Figma or UI/UX design?
Very nice method
Gd idea and nice
Kya bat h
Good mathed
What's one thing you find tricky or exciting in UI/UX design?
What's your biggest question about UIUX design?
What's one thing you find tricky or exciting in UI/UX design?
What's your biggest question about Figma or UI/UX design?
What's one thing you find tricky or exciting in UI/UX design?
Loading animations for my app. How do i export this as a git file?
@hcrnn7518 To export animation, you can use various plugins and tools, depending on your animation platform. Use the Lottie Files plugin, which allow you to export animation as JSON or GIF file.
@@CodingFoundation Thanks a lot..I develop on flutter..I will try to export this and use it in my app slash screen..its really cool..
Amazing video ❤
Nice
Thank you for this video. You doing a great job. ❤
Very nice
Wenderful mathed
Waoo zaberdast
Thank you
thanks this was pretty helpful, quick tip try increasing your view hrs to get higher ranking for your channel and your videos;
Excellent
Thanks
Excellent Thanks for this video
Thanks for this video
Thanks for this vedio
Great 👍
Thanks for this vedio
Good
Very nice and simple mothed this vedio
Thanks for this vedio
Very good mothed this vedio
great 👍
Thank you
Like, Share, and Subscribe
Like, share, and subscribe
Like, Share, and Subscribe