How to Build Design System in Figma | Getting Started Series | Grid System | Atoms | Episode 3

Episode 1 : https://www.youtube.com/watch?v=xyUXR...
Episode 2: https://youtu.be/4eDjlXJG3LQ



For More
Follow IG for fun UX content: https://www.instagram.com/john_rodrigues_ux/
Join my community: https://discord.gg/VjFpCskCbd
LinkedIn : https://www.linkedin.com/in/john-rodr...
My Portfolio: https://designwithjohn.com/


Deep Drive Articles and Resources


Reading articles and resources mentioned in the video
1. IDF article : https://www.interaction-design.org/literature/topics/grid-systems
2. By Design systems https://www.designsystems.com/space-grids-and-layouts/
3. From Google Material design : https://material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins
4.
5. Base by uber : https://www.figma.com/community/file/805195278314519508
6. By Apple : https://developer.apple.com/design/human-interface-guidelines/foundations/layout/

Video Resources


1. By Mizko : https://www.youtube.com/watch?v=_w-iYiEXrl0
2. By Akash Yadav : https://www.youtube.com/watch?v=p_0rr5_ET0Q


If you have any questions, contact me on my discord channel or drop your questions in the comment section.

Thank you for watching