Coding Foundation
Coding Foundation
  • 30
  • 15 555
Horizontal Scrolling in Figma | Prototyping with Scrolling Animations
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 #userinterfacedesign #scroll #figmadesign #figmadesignsystem #uiuxdesigner #scrollinginfigma #uidesign #uxuidesign #figmaprototype
Don’t forget to Like 👍| Comment 👇 | Subscribe 🙏
Topic: how to make horizontal scroll animation in figma, Horizontal Scrolling, Horizontal Scrolling in Figma, How to scroll in Figma, Horizontal Scroll Bar Figma, Scrolling Animation in Figma, automatic horizontal scrolling in figma, How to add horizontal scroll in Figma, Figma UI design tips, Figma for Beginners, scroll animation framer, Endless Auto-Scrolling Animation figma, figma parallax scrolling, carousel animation figma, figma vertical scrolling, figma swipe animation, mouse scroll animation figma, figma user interface design, figma tutorial for beginners, figma animation, learn figma, figma tutorials for beginners, ui ux design, figma prototype website, figma prototype animation, how to animation in figma, figma website animation
Переглядів: 4

Відео

Auto Layout: Responsive Design in Figma | Figma Tutorial for beginners
Переглядів 4037 годин тому
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)
Переглядів 2516 годин тому
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
Переглядів 105День тому
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
Переглядів 4014 днів тому
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
Переглядів 9014 днів тому
In this tutorial, You'll learn how to create a responsive and interactive tooltip component in Figma. And how to use component properties, hover states, and variant properties to design a tooltip that shows text when you hover over it. You'll also learn how to make the tooltip flexible by adjusting its position and text dynamically. This tutorial is perfect for web, UX, and UI designers looking...
How to Create Dropdown Menu in Figma | Figma Tutorial
Переглядів 74221 день тому
Don't forget to Subscribe, like, and share this video. How to design an interactive dropdown list or menu in Figma. In this Figma tutorial, you'll learn how to design and prototype an interactive dropdown menu directly in Figma. We’ll build a functional dropdown component from scratch, adding interactivity, hover effects, and smooth transitions. At the end, you you will be able to learn How to ...
How to Design an Interactive Loaders in Figma | Figma loading animation | Figma Tutorial
Переглядів 51221 день тому
🔔 Don't forget to Like, Subscribe, and hit the Notification Bell to stay updated with more Figma tutorials and design tips! In today's video, we'll show you how to design an interactive loaders in figma and loading animations directly in Figma. This tutorial will help you enhance your UI/UX design skills and teach you how to create smooth, eye-catching loading animations for your design project...
How to Create Modern Glass Card Effect in Figma | Figma Tutorial | UIDesign
Переглядів 25728 днів тому
Ready to level up your UI designs? In this quick and easy Figma tutorial, you'll learn how to create the stunning Glass Card Effect (also known as Glassmorphism) for both web design and app designs! 🚀 In just 5 minutes, you'll learn how to creating stunning frosted glass panels with the perfect blend of background blur, gradients, and more! If you found this tutorial helpful, make sure to like,...
How to Create a Glowing Button Effect in Figma | Figma tutorial | Figma Interactive Component
Переглядів 195Місяць тому
How to Create a Glowing Button Effect in Figma | Figma Tutorial Welcome to this step-by-step tutorial on creating a glowing button effect in Figma! ✨ In this video, we’ll learn how to design a visually stunning, interactive glowing button using simple Figma techniques. Whether you're a UI/UX designer, a beginner, you'll find valuable insights in this tutorial. In this tutorial, You'll discover:...
Create a Multiple Choice (Checkbox) Interactive Component in Figma | Figma Design System
Переглядів 215Місяць тому
How to Create an Interactive Checkbox in Figma | Step-by-Step Tutorial In this tutorial, we’ll walk through the process of designing a checkbox in Figma. You’ll learn you how to design a checkbox with two states (default and checked), and transform them into a fully interactive component using Figma component and variant features. This video is perfect for beginners and experienced designers al...
Animated Login Screen Design using Figma | Figma web design | Figma tutorial
Переглядів 236Місяць тому
How to Create Animated Login Screen using Figma In this web design tutorial you'll learn how to design a animated UI login screen from scratch! We'll cover everything you need to create an eye-catching, user-friendly UI login page. By the end of this tutorial, you'll how to animate login page user interfaces design in Figma. You'll be equipped to create your own login form and other UI/UX desig...
How to Design a Login Form in Figma | Figma Login/Signup Page Design | Figma Tutorials
Переглядів 59Місяць тому
How to Design a Login Form in Figma Welcome to this comprehensive web design tutorial where you'll learn how to design a login form in figma and functional UI login page using Figma! In this step-by-step guide, we'll cover everything you need to create a visually appealing and user-friendly login design experience that enhances user engagement. Figma Basics: Get started with setting up your Fig...
Interactive Button design Hover Effect in Figma | Figma tutorial | Interactive Component Tutorial
Переглядів 201Місяць тому
Button Design In Figma In this Figma tutorial we'll explore how to design eye-catching button hover effects using interactive components! Discover the power of Figma variants to create different button states and learn to utilize auto layout for dynamic frames that adjust to your content. Plus, we’ll cover smart animation and micro intraction techniques to enhance your designs. this step-by-ste...
Figma Loading Animation | Figma Interactive Components | Figma Tutorials
Переглядів 172Місяць тому
Figma Loading Animation | Figma Interactive Components | Figma Tutorials
How to Design Loading Animation in Figma | Figma Tutorial
Переглядів 296Місяць тому
How to Design Loading Animation in Figma | Figma Tutorial
Create Interactive Button Animations Hover Effects in Figma!
Переглядів 1072 місяці тому
Create Interactive Button Animations Hover Effects in Figma!
Create Button Hover Effects functionality in figma | Figma tutorials
Переглядів 432 місяці тому
Create Button Hover Effects functionality in figma | Figma tutorials
FAQs section design and Prototyping in XD | adobe XD Prototyping | adobe XD tutorial
Переглядів 855Рік тому
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,1 тис.2 роки тому
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
Переглядів 3992 роки тому
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
Переглядів 6092 роки тому
Button auto animation | Hover Button effects in XD | Adobe XD Tutorial | Adobe XD prototype
Checkbox Animation in XD | adobe XD Prototyping | adobe XD tutorial
Переглядів 3,2 тис.2 роки тому
Checkbox Animation in XD | adobe XD Prototyping | adobe XD tutorial
How to Create List box Animation using XD | adobe XD Prototyping | adobe XD tutorial
Переглядів 2,3 тис.2 роки тому
How to Create List box Animation using XD | adobe XD Prototyping | adobe XD tutorial
how to create Animated Search Bar using Adobe XD | Adobe XD | XD Prototype
Переглядів 1,9 тис.2 роки тому
how to create Animated Search Bar using Adobe XD | Adobe XD | XD Prototype
How to create Drop Down Menu prototype Using adobe XD | Adobe XD tutorial
Переглядів 1 тис.2 роки тому
How to create Drop Down Menu prototype Using adobe XD | Adobe XD tutorial