Utilizing Constraints & Layout Grids

#Figma

[snowman]

Can we slow this down and show the step-by-step setup for these examples? This is like warp speed.

[amcds]

Thanks. i had no idea that layout grids could also be used as a means to adhere the elements in the layout to the grid. i was under the impression that the layout grid was only a visual cue to guide in laying out the elements out on the page.

[designer_muhammadali]

Thank you for making a helpful video. Would you please make a video on how to use a multi-type grid system? or is there any video? Kindly mention it to me.

[ViruX]

How to combine the advantages of auto layout and this method? As far as I know you can't. I want my frames height to hug it's content but want the width to be controlled by my grid.

[usmannaeem]

What if I want fixed height and width of a card and I want the card to move down to next row in grid when resizing on x axis?

[evgenyzakharov]

Please respond. How did you set up the grids in the left column so that when the main frame changes, the distance between the two inner frames does not change?

[santokhan_]

Thank you. I learn from it. Wish you all the best

[DennisS-hb]

Great! But are there any ideas on how to keep an aspect ratio for the cards or cards cover?

[shawn]

Been using Figma for years and I never knew Grid can be used for resizing 🤦‍♂️

[olalolalola]

it would be more useful if you show how to do it.

[dinakarakosta]

Thank you Anna! I really needed this guidance tutorial :)

[Ryzza]

I didn't quite follow how to set that up. If the width shrinks enough, will the amount of columns also reduce?

[buihung]

I didn't know that "showcase the behavior" === "tutorial" ? How to setup layout grid and constraint to do that???

[mrleminhdung]

Layout grid affect on resize frame, shape - I'dont know this before.I just thought grid for viewing... Thank you! ^0^~

[Troy-olfk]

How to convert the layout into HTML and CSS ?

[vishnuhrp]

consider the ux of the people watching this.... i dont see any of these options on my figma screen! Where is column and row??

[robertoalejandroorozco]

Awesome!! I’ve been practicing with these recently

[ethanwasme]

gotta turn off my heavy metal to hear anything :(