figma-autolayout-tutorial

2 года назад

This video provides a comprehensive guide to Figma's Auto Layout feature, demonstrating how to create website designs quickly and efficiently. The tutorial covers essential concepts like direction, spacing, padding, and alignment, using a real-world website example to illustrate the process. By the end, viewers will understand how to use Auto Layout to mimic the functionality of CSS and HTML, saving time and effort in their design workflow.

2 года назад

This video demonstrates how to rebuild the YouTube homepage in Figma using Auto Layout. The creator walks through the process of creating components for different sections of the page, such as the video player, sidebar, and navigation bar. They emphasize the importance of using Auto Layout to ensure that the design scales appropriately and can be easily modified.

2 года назад

This video teaches you how to use Auto Layout in Figma, focusing on three key concepts: hug contents, fixed width, and fill container. The tutorial uses a step-by-step approach to demonstrate how to create dynamic and fluid layouts, with examples of how to adjust spacing, alignment, and content resizing.

9 месяцев назад

This video demonstrates how to create a responsive card in Figma without using any plugins. The creator walks viewers through the process of manually adjusting the card's layout and elements to ensure it adapts to different screen sizes. They also highlight the importance of setting minimum and maximum width values for the card's components.