How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial)

Subscribe for a lot more design videos, streams, and tutorials! Using an 8pt grid in product design is probably the best tip I can give someone new to design or that doesn't use them yet. It's been the most helpful for me in making my design work better and more consistent overall and has helped me build design systems as well. It's very easy to do in both Sketch and Figma (you can set your nudge amount to 8 instead of 10 in settings) and takes the guess work out of making designs consistent and better visually.

Blog article with 8pt grid references: https://www.cortes.us/easy-ways-to-make-your-product-design-work-better-designed

💿 Lofi Beats to Create, Design, and Code to (Royalty Free): https://youtu.be/XW9S3s8XLJI

🙏 SUPPORT ME ON PATREON
Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! https://www.patreon.com/shyboytm

🎧 MUSIC
Background music by Cordio (me!): https://cortes.us/music
Looking for a record label? Try DistroKid: https://distrokid.com/vip/seven/799422
Access millions of samples on Splice: https://splice.com/vip/fromcortes

☕ PROJECTS
Buy my iOS 14 icon set at https://osicons.com
Learn about Taste Notes, a coffee tracking app at https://tastenotes.app

💻 SETUP
Interested in my setup? Everything I use is here: https://www.cortes.us/tools

📹 RELATED VIDEOS
How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): https://youtu.be/5CZPgtJqM7A
How to Make Resizable Buttons with Auto Layout in Figma for Product Design (Tutorial): https://youtu.be/xeQQVJVxs2c
How I Got Into Product Design and My Career: https://youtu.be/oMTyd_QcTXQ

👋 SOCIALS
Twitter: http://www.twitter.com/shyboytm
Instagram: http://www.instagram.com/shyboytm
Dribbble: http://www.dribbble.com/shyboytm
Website: http://www.cortes.us

Contact: hi@cortes.us

Видео How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial) канала Dennis Cortes