Hi, is it possible to display something like a design grid in Figma where you can set the amount of columns and spacing between them to help guide you in placing content? Thanks.
You can easily build it with a css grid.
I’d advise on going with gaps defined as columns and some calculations for the free space on the sides. I’ve recreated the Figma grid in the design tokens library we use at our company.
Use SASS for calculations and generating columns & gaps and packing it all into a mixin, then you can re use it in your code where needed.
Yep! The Grid block does this. It’s one of the permutations of the Group block, along with Rows and Stacks.
If you mean only like visual guide lines, like the red ones in figma, then advanced themer for bricks has that. But i honestly never use it
Figma tries to emulate CSS display: grid;
So read up on that. There are some great YT videos out there.
You can achieve this with CSS grid or flex box.
You can easily build it with a css grid.
I’d advise on going with gaps defined as columns and some calculations for the free space on the sides. I’ve recreated the Figma grid in the design tokens library we use at our company.
Use SASS for calculations and generating columns & gaps and packing it all into a mixin, then you can re use it in your code where needed.
Yep! The Grid block does this. It’s one of the permutations of the Group block, along with Rows and Stacks.
If you mean only like visual guide lines, like the red ones in figma, then advanced themer for bricks has that. But i honestly never use it
Figma tries to emulate CSS display: grid;
So read up on that. There are some great YT videos out there.