B.C. Design System product roadmap

Last updated on July 9, 2026

Learn what we're working on now, and what's planned for the future.

On this page:


Overview

The B.C. Design System is an open-source product. It is maintained by Connected Services BC, part of the Ministry of Citizens' Services. 

We are currently working on a complete replacement of the legacy design system. There are 3 major elements in the B.C. Design System:

  • Design tokens: atomic style variables for the B.C. government's digital look and feel, published on Figma and in code
  • Component library: reusable user interface components, published on Figma and as an installable React package
  • Documentation hub: best practice guidance and technical documentation for the design system

We are releasing updated guidance and new resources for designers and developers as we build. The legacy design system is no longer supported and has been archived.


How we work

The design system will be open to contributions from the community. Learn more about contributing to the design system.

We prioritise which components and enhancements to work on based on:

  • Design, development and testing our team is doing for other products
  • Requests and feedback from the design and developer communities
  • Severity of technical, usability or accessibility issues identified
  • Complexity, measured in terms of time required to design, develop and test 

Components will be released one by one as they meet our definition of done.

To be released, a component must have:

  1. A design specification and component in Figma
  2. A reference implementation in JavaScript (React)
  3. Detailed user guidance and technical documentation

Each component must also undergo usability and accessibility review before release. This includes both automated and human testing.


Backlog

This is a high-level view of what we're working on. It is subject to change, and there are no timelines for individual items to be released.

We are currently working towards a 'minimum viable product' (MVP) release of the new design system. This milestone includes:

  • Best-practice documentation for colour, branding, typography and spacing — complete
  • A tested and production-ready release of the design tokens package — complete
  • Approximately 20-30 individual user interface components, implemented in Figma and React — in progress

Latest releases


Feedback and feature requests

To give feedback, ask a question or request a new component or enhancement, you can: