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
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
Web design
Be the first to comment