Design Diary
Design Diary
  • 25
  • 4 824
Level Up Your Prototyping: Figma Variants for Steppers (Advance Level)
Take your Figma prototyping to the next level with this in-depth guide on using Variants to create dynamic and interactive steppers. Learn how to efficiently design and iterate on complex stepper components. This tutorial is ideal for designers who want to create professional-quality prototypes.
Ready to master Figma Variants? Watch this tutorial to learn how to create impressive steppers that will wow your clients. Don't miss out on this valuable resource!
Link to Previous video for beginners ua-cam.com/video/1cJS2n6Xz3k/v-deo.html
#Stepper
#StepperDesign
#FigmaVariants
#AdvancedPrototyping
#DesignTips
#UIUXInspiration
#DesignCommunity
#tutorial
#figmatutorial
#figma
Переглядів: 55

Відео

How to make Testimonial Slider Animation?| Easy Tutorial
Переглядів 1652 місяці тому
Want to create professional-looking testimonial sliders? Watch this video and start designing today! Learn how to design captivating testimonial sliders that elevate your website or app in this comprehensive Figma tutorial. Discover expert tips and tricks for creating smooth, engaging animations that showcase your customers' feedback effectively. #tutorial #testimonial #slider #animation #uides...
Design a collapsible sidebar with me! ( Figma Tutorial)
Переглядів 4472 місяці тому
Level Up Your UI: Design a Collapsible Sidebar with Figma (Tutorial) Description: Take control of your user interface! In this Figma video tutorial, we'll walk you through designing a sleek and functional collapsible navigation sidebar. Learn how to: Structure your sidebar for optimal content organization. Implement smooth collapse/expand functionality (no coding required!). Craft a user-friend...
How to make Collapsible Sidebar responsive layout animation in Figma | This Will Blow Your Mind!
Переглядів 4152 місяці тому
Learn how to create a responsive collapsible sidebar layout in Figma without any coding! This tutorial focuses on achieving a fluid and dynamic design as the sidebar expands and collapses. Discover how to use Figma's auto layout to ensure your main content adapts seamlessly to different screen sizes and sidebar states. Perfect for UI/UX designers looking to create engaging and user-friendly int...
How to create Responsive text using Auto Layout
Переглядів 3612 місяці тому
Struggling with text that jumps around on different screens? Tired of manually resizing elements for every device? This video is your answer! Learn how to leverage Figma's powerful Auto Layout feature to create responsive text that adapts seamlessly across desktops, tablets, and mobiles. In this comprehensive tutorial, you'll discover: The basics of Figma's Auto Layout How to set up responsive ...
Master Responsive Design: Auto Layout & Constraints in Part 2 | Max & Min Width Explaination
Переглядів 1293 місяці тому
Ready to take your responsive design skills to the next level? In Part 1, we conquered Auto Layout and Constraints. Now, let's refine our craft! Part 2 dives into the world of maximum and minimum width restrictions. You'll learn how to use these tools with Auto Layout to create truly responsive layouts that adapt perfectly across all screen sizes. Get ready to: Fine-Tune Responsiveness: Master ...
Master Responsive Design: Auto Layout & Constraints in Part 1 - Build a Flexible Card
Переглядів 3083 місяці тому
Timeframes 00:00 Intro 00:25 Theory - Basic knowledge about Auto layout and constraints 4:48 Design Responsive card 13:56 Glimpses of next part Struggling to create layouts that adapt perfectly across screens? This video is your one-stop guide to conquering responsive design! In Part 1, we'll dive deep into the world of Auto Layout and Constraints. We'll break down these powerful tools and show...
How to create Loading animation in Figma? | Crucial tips for beginners
Переглядів 1033 місяці тому
In this video you will learn how to make loading animation in Figma along with some important points that you need to know as a beginner to make a smooth animation. These are the problems that I made as a beginner so I thought of sharing with all my fellow learners. 0:00 Tutorial 4:53 Prototype 7:43 Crucial tips #figma #loading #animation #tutorial #howto #figmaanimation #figmaprototype #ux #ui...
How to make a quantity button prototype? | Easy tutorial | Without variables
Переглядів 1373 місяці тому
Easy Quantity Counter Button in Figma (No Variables!) Struggling with complex variable setups for quantity counters in Figma? This tutorial is for YOU! Learn how to create a simple and effective quantity counter button without using variables. This beginner-friendly guide walks you through the process step-by-step, making it perfect for Figma newbies and intermediates alike. In no time, you'll ...
How to create radio button in Figma? | In 3 mins | Single selection
Переглядів 1033 місяці тому
How to create radio button in Figma? | In 3 mins | Single selection
How to create Scrollable Option List in Figma? | Easy Tutorial
Переглядів 993 місяці тому
How to create Scrollable Option List in Figma? | Easy Tutorial
Create a Drop-down Menu in Figma (Tutorial)
Переглядів 1174 місяці тому
Create a Drop-down Menu in Figma (Tutorial)