CSS Grid System / Auto Layout (pixel)
J
JJ
Most UX/UI designers need to learn and master "pixel perfect" design, which incorporates the concept of a 4pt (or 8pt) grid system, for equal spacing and symmetry throughout the design/project.
If you had an automatic feature that did this across all elements (or all elements within a container) that would be ideal -- especially when working with developers. It would need to be flexible between responsive design & breakpoints.
In Figma, this feature is found with using Auto Layout.
Here is a video explaining the concept:
Spacing / UI Design grids - https://www.youtube.com/watch?v=YO2AUiH2hyk
4 pt grid system - https://www.youtube.com/watch?v=Al1xsdol4Pk
Log In
Deleted User
Merged in a post:
Support grid layout
Nhi Vu
Looking forward to grid layout. It’s gonna be killer.
Sarah from Visily
Thanks JJ for the detailed suggestion. We have added into our pipeline. We will keep you posted when we develop feature for further feedback. Thank you.
Sarah from Visily
Duplicated with: https://feedback.visily.ai/feature-requests/p/grid-layout
a
adonis raul raduca
Ideally should be highly flexible, like CSS Grid in browsers. This is a long endeavor, but will be great to support fraction units (fr) for columns widths early on.