How to Setup a Grid Layout for Your Website Design in Figma
I've been learning Figma over the past year, and so I wanted to show you how to quickly setup your own Grid layout with columns. I utilize a 12-column layout, and a 1200 pixel container width, but you can do the math to adjust the columns, margins, and container to your own preferences.
Remember, take the overall Frame width, subtract your Container width, and divide that by 2 — that will be your margin!
Also, pressing Shift + G is a shortcut for showing and hiding the Grid layout with your keyboard.
Hope you find the video useful! Have anything in particular about Figma you'd like to learn about? Leave a comment below and let me know!
--
📰 Become a Design to Dollars subscriber & receive design tips that make cents: https://adamwrightdesign.com/subscribe
🖥️ My business site: https://adamwrightdesign.com
🖥️ My personal site: https://heyadamwright.com
📧 Get in touch: [email protected]
💙 If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
🙌 Thanks for your support!