Create An Auto Layout Button In Figma - Simple Responsive Design
Transform your design process with Figma's powerful Auto Layout feature! In this simple tutorial, we’ll guide you through creating a flexible, responsive button using Auto Layout in Figma. Perfect for both beginners and seasoned designers, this video will show you how to streamline your workflow and enhance your design projects.
💡 WHAT YOU'LL LEARN
► Understanding Auto Layout: Get a quick overview of Auto Layout and why it’s essential for creating adaptable components.
► Creating a Button Frame: Step-by-step instructions to set up a button frame with Auto Layout for dynamic resizing.
► Customizing Button Styles: Learn how to customize your button with padding, spacing, and alignment options.
► Making the Button Responsive: Discover how to make your button adapt to different text lengths and container sizes.
💡 CONTENTS
00:00 - Introduction
00:08 - Customize text styling for button
00:22 - Apply auto layout
00:38 - Apply background color to button frame
00:56 - Add padding and rounded corners to button
➡️ FOLLOW ME
► Subscribe to my YouTube channel: / @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:110...
🍿WATCH NEXT
► Graphic design fundamentals course - • 11 Basic Graphic Design Principles - ...
► Photoshop for beginners - FULL COURSE: • FREE Beginner Photoshop Course - With...
► Adobe InDesign course for beginners: • Free InDesign Course For Beginners: H...
► Create an ad design in Adobe InDesign: • Create an ad design in Adobe InDesign...
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 [email protected].
#graphicdesign #art #creativity #designprocess #masteringart #graphicdesignprocess #creativeprocess #design #graphicartist #digitalart #illustration #graphicdesignskills #creativejourney #creativeminds #designinspiration #learninggraphicdesign #designeducation #artisticprocess #graphicdesigncommunity #designthinking #graphicdesigntutorial
Watch video Create An Auto Layout Button In Figma - Simple Responsive Design online without registration, duration hours minute second in high quality. This video was added by user CryeStudio - Learn Graphic Design 11 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 344 once and liked it 10 people.