@radnolan: Responsive Auto Layout in Figma, let’s go! This detailed tutorial will guide you through using min-width and max-width combined with wrapped grid auto layout for dynamic resizing. Follow these steps to master Figma design: 1️⃣ Start by grabbing the menu, the data, and the feed—Press Shift + A to create Auto Layout. 2️⃣ Select the main frame to wrap everything in auto layout. this is important so that all content is dynamic in your design as you change it around. 3️⃣ Now set the width and height to Filled where needed. This will make it so the sidebars and navbar scale to the edge and also the data grid. 4️⃣ Then the grid itself needs some updating to have wrapped grids instead of rowed auto layout. 5️⃣ Add min-width and max-width to the cards so that on smaller size, it will jump to a wide card that fills the grid. By following these steps, you’ll create a dynamic and responsive Figma design. Happy designing! #figma #figmadesign #autolayout #figmatutorial

Nolan

Open In TikTok:

Region: US

Friday 21 June 2024 15:10:36 GMT