Figma Auto Layout Tutorial for Beginners | Create a Simple Card Design

Learn how to create a card design using Figma auto layout in this step-by-step Figma tutorial. Perfect for Figma for beginners, you'll discover how to use Figma auto layout settings, add images, text, and CTAs. If you're interested in UI design, web design, or just want to level up your skills with Figma tips, this Figma design tutorial is for you. Start designing smarter with Figma components and auto layout today! 💡 WHAT YOU'LL LEARN ► Create a simple card design using Figma auto layout 💡 CONTENTS 00:00 - Introduction 00:16 - Adding the Image Frame 00:31 - Cropping and Adjusting the Image 00:39 - Adding the Text 01:42 - Understanding Auto Layout Basics 02:02 - Applying Auto Layout to Text 02:22 - Adjusting Spacing and Sizing 03:09 - Combining Image with Textinto one auto layout frame. 03:39 - Centering and Layout Improvements 03:54 - Adding Padding and Background Color 04:26 - Rounding Corners 04:49 - Refining Spacing and Layout 05:09 - Renaming layers ➡️ FOLLOW ME ► Subscribe to my YouTube channel: https://www.youtube.com/@cryestudio ► Check out my blog and get in touch: http://cryestudio.com ► Check out my graphic design portfolio: https://www.behance.net/cryestudio ⬇️ FREE DOWNLOADS ►Download a free print prep checklist for Adobe InDesign: https://cryestudio.ck.page/a2b560611c ►Download the free project brief template: https://cryestudio.ck.page/90e3e67c23 ➡️ PRODUCTS ► Use my affiliate link to download Adobe software: https://adobe.prf.hn/click/camref:1101lKN6K 🍿WATCH NEXT ► Graphic design fundamentals course - https://youtu.be/apmfczSOHjM?si=H9rFrqfun6Yk2Znv/ ► Photoshop for beginners - FULL COURSE: https://youtu.be/M888EFXvhsQ ► Adobe InDesign course for beginners: https://youtu.be/89LLXnncncA?si=WZWnjcSttJKQL9qN ► Create an ad design in Adobe InDesign: https://youtu.be/r0-NjNg-T0U?si=ZNJZEuYwzCxrMXH- Have other questions not covered in this video? Let me know in the comments below. 👩 WHO AM I My name is Kellie Crye Ward. I am an art director who has been working in the graphic design industry for 15+ years. In addition to my full-time design career, I have a freelance design business (CryeStudio.com) and teach graphic design at a local university. My goal is to make learning graphic design and software easy to understand and accessible to all. Subscribe to learn the fundamentals of graphic design, Adobe software, and how to unleash your creativity. For questions or inquiries, contact me at kelliecryeward@gmail.com. #graphicdesign #art #creativity #designprocess #masteringart #graphicdesignprocess #creativeprocess #design #graphicartist #digitalart #illustration #graphicdesignskills #creativejourney #creativeminds #designinspiration #learninggraphicdesign #designeducation #artisticprocess #graphicdesigncommunity #designthinking #graphicdesigntutorial