“A design system is a collection of reusable components, guided by clear standards, that can be assembled to build any number of applications.” - Design Systems Handbook by InVision
Design systems are generally used to bridge the gap between development and design. Whether designing for mobile applications or web applications, having a component library is going to be beneficial for both developers and designers.
It saves you a LOT of time: Instead of building the components as you go, you can reuse the same symbol (Sketch) or component (Figma, Adobe XD).
While building a Design System, takes a lot of time and iterations upfront, it is going to win in the long game for sure!
Here’s a practical checklist to make sure your Design System works:
We start by going over the wireframe to make sure we include everything we need. Almost all design systems have a base of necessary components. Here’s a short checklist:
After designing the initial version, we go over our small library with the developers, and after with the Project Owner and Client, to make sure it is consistent with the branding and requirements.
Finally, we start puzzlin’ around and do the magic.
While Design Systems are a very powerful framework, their use can be contextual. Designing and maintaining one can be pretty challenging.
Are they a one size fits all?
No, not really. If you are looking for aesthetics, and you’re designing a small project on a lower budget it might not be the best idea to dive deep into one.
That’s a wrap! What do you think about Design Systems? Do they fit into your workflow?
About the author:
Denisa, one of the UX/UI Designers at Wolfpack Digital, has a passion and a natural talent for app design and everything related to art. Call it a native talent or a result of her curiosity, but she has both analytical and creative skills that let her do the engineering around till she gets a perfect design. Denisa can replicate any design or style that you give her as an example adding her twist and style. Thanks to her drawing abilities, any idea can be turned into shapes and colors.