Figma Auto Layout Card Component Tutorial

In this second tutorial of Figma auto layout, we'll explore how to properly design a responsive card component in mobile app design. Commonly seen on both iOS and Android apps, I'll show you my step-by-step process of how to create one for your design system.

▬▬▬ Video Chapters ▬▬▬
0:00 – Introduction
0:30 – Step 1: Structuring the pieces
10:01 – Step 2: Nesting
11:12 – Step 3: Make responsive & UI Touch Ups
13:50 – Step 4: Screen size test
16:02 – Step 5: Accessibility test

▬▬▬ 🚀 Join our Free Skool Design Community ▬▬▬
Connect, learn, and grow with fellow designers
www.skool.com/wired-to-design

▬▬▬ Free Weekly Design Resources ▬▬▬
Sign up in the newsletter to get free resources every week!
www.wiredto.design/

▬▬▬ Who am I? ▬▬▬
Anik Devaughn
Instagram: www.instagram.com/anikdevaughn
Twitter: www.twitter.com/anikdevaughn

▬▬▬ Say whatsup! ▬▬▬
Instagram: www.instagram.com/wired2design
Twitter: www.twitter.com/wiredtodesign

#figma #autolayout #ui #ux