Never heard of a Design System? Learn more here.
In this page:
A design system is a collection of common user interface elements, styles and processes to help teams design and build consistent user experiences — faster and better. Design systems often refer to UI elements as 'components' which are reusable parts of an application.
Examples of components include buttons, popovers and checkboxes, and foundational styles such as typography and colors. Here's a few:
Teams that use the design system can focus on what’s unique to their product instead of reinventing common UI components. --Design Systems Weekly
The work that we do in ADAPT is often focused on solving large-scale business problems and not on styling UI components, so instead of spending energy reinventing the wheel, teams can focus their efforts on what’s unique to their client's solution and get a lot of styling and visual design for free.
You can read more on various sites, but the rest of the content below will focus on ADAPT-specific content.
Most Bainies would be aware of Bain's toolbox for ensuring Powerpoint slides – CORE. This enables slides to appear consistent, professional and to be created easily.
The ADAPT Design System is like CORE for User Interfaces.
User interfaces are built with less chance of inconsistencies at the pixel-level. In a way, using a Design System contributes to ensuring that the interface is "zero-defect".
With the ADAPT Design System, our designers and developers will be equipped with tools that are using the same components, names and design constraints. This decreases the time needed for developer "handoff" and allows designers and developers to work in parallel.
Codifying our work and white-labeling is an important part of adding value for Bain. The ADAPT Design System is built around a "theme" and it's very easy to sanitize and codify our work. There is also the added benefit of being able to prepare products for proposals quite quickly by tailoring a theme to the client.
Check out our Getting Started guides.
The ADAPT Design System exists to enable faster, more effective results for teams. As an evolving tool, it also thrives on the input from its users – designers and developers in both Bain and client teams. To aid this, the design system’s core tools (the Figma Library and React codebase) are free and open sourced – meaning no complicated access control, restrictions or time lost waiting for access.
These tools are available to the public, but their license requires always including attribution to Bain. It's licensed under the GNU General Public License (v3)
Our team have worked together to co-create a set of principles that guide the design and development of products. Read more