What is it?
Have you ever spent countless hours building a design system for a project, only to have to do it all over again for the next one? We know the feeling.
That's why we've put our heads together to create B01LER - a user-friendly, token-based design system boilerplate that helps your team easily create cohesive and consistent designs across all platforms and products. B01LER streamlines the design process and saves time by providing pre-built design components, best practices, and a flexible architecture that can be customized to meet your brand's unique needs.
On top of that, it makes collaboration between engineering and design teams much easier and clearer. With B01LER, your teams can work smarter and create better products in less time.
Introduction
B01LER is a fully customisable design system (DS) that enables you to easily create cohesive and consistent digital products across multiple platforms and brands.
B01LER provides pre-built components that exist as designs in the form of a component library in Figma, and as code in the form of a forkable repository.
The design and code implementations of the components are connected via a shared token system. A token system is a collection of values which represent the visual properties of a design system, such as typography, color and spacing.
Utilizing tokens, B01LER is simultaneously consistent and flexible. By changing the tokens, you have the power to change the appearance of the whole design, including all the components and all the digital products build with it. In Figma and in code.
Overall, B01LER is a powerful tool that helps you work smarter, not harder. By streamlining the design and development processes B01LER empowers you to create better products faster.
Benefits of B01LER
- Increased efficiency in building design systems on brand, because semantic structure and architecture are pre-built
- Increased efficiency, through automated processes. Documentation, DEV Handover, and more
- Increased effectivity, because the time saved on building all the components can be used to build features right away
- Increased acceptance of DS because components work right from the beginning of project phase
- Immense cost savings, because the DS ramp-up phase is reduced from multiple months to days