Design system templates
Document best practices and build a design system from the bottom up
About this collection
Your organization is growing, and your designs are getting more complex and sophisticated. Now is the perfect time to formalize your practices and get what you know recorded. The templates in this collection can help you scale your design team’s efforts by showing you how to build a component library, lock down writing guidelines, and develop a design system that all teams can use.
How to use this collection
Step 1. Build out your component library
The first step in creating a design system is identifying and documenting your design components. These are the reusable elements that designers combine together when they’re creating something new. Our design component template will help you catalog your assets and record details of behavior and usage as you build out your library.
View template →
Step 2. Align on writing guidelines
Teach your team the tricks of the writing trade with guidelines that explain the principles behind the copy. From lofty principles to nuances of voice and tone, aligning on writing guidelines will help you keep copy consistent across your organization and educate cross-functional partners. Plus, they save writers time by simplifying decision-making and teaching designers how to write better first-pass copy.
View template →
Step 3. Develop your design system
Put all the pieces together with the design system template by InVision. This template will help you organize and document your thinking as you develop your organization’s design system. Then, your team can use your design system to speed up decision-making, reduce design debt, and improve designs going forward.
View template →
