Using a 4pt grid system | Product Design (UX/UI) | Free Template
If you’re new to product design and wondering how to space your layouts, this is the video for you. Because consistent and scalable spacing helps designers and developers work much faster and more consistently on projects. In this video, I will show you the benefits of using a 4pt grid system and how to set one up in Figma.
Don't forget to like and subscribe if you liked the video. 💛
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Try Figma for free! ✨ 👇
https://tinyurl.com/bdesm8h2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Chapters
00:00 Into
01:04 Why should designers use a grid system?
01:34 Why multiples of 4?
02:20 Jump into Figma to set up a 4pt grid system
03:40 Looking at the grid setup on a frame
05:47 How does a 4pt gid look in practice
09:18 Outro
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Figma Template
👉 https://www.gemmahelyer.co.uk/resources
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
✧ 1:1 mentoring Sessions:
Are you a junior designer looking to find your first ever UX or UI job I can help you prepare your portfolio and give you tips on how to get into the industry without experience. Then Book a 1:1 mentoring session with me.
https://superpeer.com/gemmahelyer/?hl=en
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
⭐ Get your first role as a UX Designer with Mentor Design Academy
Part-time self-paced mentored bootcamp designed to help people from all backgrounds transition to a future-proof and fulfilling career in tech.
https://mentodesign.academy/?via=gemma
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
✧ Join the world’s largest online design school, Interaction Design Foundation (IxDF).
https://www.interaction-design.org/le...
Join today and Claim your $200 discount or 3 Free Months Membership (affiliate link)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
✧ Join Webflow ✧
Build beautiful websites without writing a line of code(affiliate)
https://webflow.grsm.io/4715274
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Want to work with me?
✉️ Email me at:
[email protected]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You can also find me here:
♥ Instagram https://www.instagram.com/gemmahelyer...
♥ Dribbble https://dribbble.com/Helyer/?hl=en
♥ Website https://www.gemmahelyer.co.uk/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Channel into Outro:
Adventures by A Himitsu
/ a-himitsu
/ ahimitsu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FAQs
♥ What is your name - Gemma Helyer
♥ How do you pronounce your last name? - Heli-er
♥ Where are you from? - Cardiff, South Wales, United Kingdom
♥ Can you make a video about ---- and ---? - Probably yes. Comment below and ask :)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Don't Forget To Subscribe :D
Loves and hugs
Gemma ♥