HOW TO CREATE A RESPONSIVE 8pt GRID SYSTEM ( STEP BY STEP GUIDE)

Опубликовано: 26 Февраль 2026
на канале: PamElA the DeSiGneR
1,310
57

In this video I will show you how to create a responsive 8pt grid system for your web, tablet and mobile ui design.

I will explain to you the reason behind the usage of an 8pt grid system and show you the design where I applied it.

responsive layout grid

-----------------------------------------------------------------------------------------------------------------------
If you want to learn UI/UX Design, then watch my master course here:    • Figma UI Design Tutorial || Everything you...   beginners friendly, you also get to design 30 days worth of UI DESIGNS Cutting across different industries.
-----------------------------------------------------------------------------------------------------------------------
Want to learn more, connect with me on all socials:

📘 Facebook:   / officialpamelathedesigner  
🐦 Twitter:  / prettydesgner  
📸 Instagram:   / pamelathedesigner  
🎵 TikTok: www.tiktok.com/@pamelathedesigner
-----------------------------------------------------------------------------------------------------------------------
🚀 Subscribe to learn more about UX design at:    / @pamelathedesigner  
-----------------------------------------------------------------------------------------------------------------------

💼💼💼 Do you have a design project to work on? send us an email @[email protected]. We have a team of designers ready to level up your company's UX Experience.

#UIDesign #FigmaTutorial #30DaysUIDesign #DesignSkills #UIUXBeginner #salesdashboarddesign #uidesigntutorial #figma #youtube #UserInterface #ui/ux #figmadesigntutorialsforbeginners #uxdesigner
12-column grid 1920x1080 12 column grid for 1440 best grid for mobile design 12 column grid figma