Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
How to Build Every UI Element in Figma Using Auto Layout
Rating: 5.0 out of 5(3 ratings)
17 students

How to Build Every UI Element in Figma Using Auto Layout

Build UI Elements, Practice with Exercises, and Create a Real Project
Created byislam elamir
Last updated 5/2026
Arabic

What you'll learn

  • Use Auto Layout effectively for all types of UI elements
  • Build reusable components and scalable design systems
  • Solve common design challenges quickly and efficiently
  • Save time on iterations and repetitive adjustments
  • Build reusable components: Learn how to create flexible buttons, cards, lists, and full layouts that adapt seamlessly to different screen sizes and content cha
  • Think like a design strategist by using Auto Layout to plan scalable, reusable UI patterns

Course content

4 sections29 lectures20h 5m total length
  • Auto Layout-139:57
  • Auto Layout-2 (Flow Direction)18:37
  • Auto Layout-3 ( Alignment-Padding-Gap-Nested auto layout)46:23
  • Auto Layout-4 (Fixed-Hug-Fill)44:06
  • Auto Layout-5 (Min & Max) + (Responsive Cards))19:11
  • Auto Layout-6 (Layout Settings)10:01
  • Auto Layout-7 (Grid)25:19

Requirements

  • No experience needed , You will learn every thing you need to know

Description

Figma Auto-layout Deep Dive - 2026 Edition is your ultimate guide to mastering Auto Layout in Figma. This course takes you from the fundamentals to advanced techniques, empowering you to design flexible, responsive interfaces that adapt effortlessly to any screen or content.

Packed with hands-on examples and practical exercises, this course ensures you gain real-world skills that you can immediately apply in your projects.

By the end, you'll be able to design smarter, scale faster, and work confidently with Auto Layout.transform the way you approach UI design.

Step into the world of advanced Auto Layout in Figma with this 2026 edition, crafted for designers who want to work smarter, not harder. This course goes beyond the basics to teach you how to create dynamic interfaces that adjust automatically, so you can focus on creativity instead of tedious adjustments.


You'll learn how to:

  • Use Auto Layout effectively for all types of UI elements

  • Build reusable components and scalable design systems

  • Solve common design challenges quickly and efficiently

  • Save time on iterations and repetitive adjustments

  • Build reusable components: Learn how to create flexible buttons, cards, lists, and full layouts that adapt seamlessly to

    different screen sizes and content changes.

  • Think like a design strategist by using Auto Layout to plan scalable, reusable UI patterns


Who this course is for:

  • UI UX Designers