Why boxes?
The idea behind Boxes has been simple: what are the basics for design systems, and can there be an all-in-one document nested in Figma to refer to as you learn about design systems? The guide helps you understand the concepts and use cases, the design system allows you to customize and work with the design, and the checklist ensures everything meets the mark.
This isn’t "the" design system guide or template to follow but a starting point for new designers to explore the topic and understand the core fundamentals and principles of design systems. The file will be constantly edited, resources added, and more new content added incrementally.
I'm open to feedback and advice for the project. If you're interested, sign up, and if you want to connect, shoot me an email at nair.adityaa@gmail.com.
3 Design Files
Covering all basics
Guide
explaining core principles, components, and best practices for building a strong foundation.
Template
with all necessary components
and styles for immediate design
and structuring.
Checklist
to verify your design system meets all essential criteria for consistency, accessibility, and completeness.