Perfect Responsive Grid Systems | UI Design & Figma Tutorial | മലയാളം 👋






Open Figma and create a new document or open an existing one.



Create a Blank Mobile screen size (390 x 844)


Decide on the grid specifications such as the number of columns, gutter width (spacing between columns), and the width of each column. You can also determine the overall width of your design.

4 column + 24 Margin + 8 Gutter




By following these steps, you can create a perfect grid system in Figma. This grid will help you align and organize your design elements effectively.

Post a Comment

0 Comments