;

Y23 Nº45 GRID Mag – KPI of Design System

Featured Image

Dear (none)Designer,

Welcome back to the forty-fifth Design at Scale™ Newsletter – focusing on innovation and how design drives change in a large organisation or an agency.

While building my first design system in 2003, I was asked a very simple question. How do we measure the success or performance of the design system? Obviously, as a new designer in the field, I was slightly confused by the question of why I would need to measure something. Is it not enough if I just do it?

I quickly realised that doing something and producing the output doesn't necessarily mean that we achieve the proper outcomes. And that is where I first discovered KPIs – Key Performance Indicators.

I wonder why we need KPIs, and why we need KPI for the Design system? Since Mr. McKinsey laid down the foundation that everything in the business can be measured, the entire generation of managers and designers chased that rabbit to achieve operational excellence. Arguably, not everything can be measured; we know how much time is needed to design the feature, how long it takes to adapt the feature to an existing branding, and whether we can change the mode from green to blue. We also know how many atoms, elements and components are within the feature. Quite rightly, we know how many times we can reuse these components by designing the other elements. That said, it has been considered that we can measure the output of our work.

In reflection of the business, we can measure how much money we can save by using the design system to increase productivity and shorten the time to market.

Regrettably, this formula only creates more pressure on designers to deliver faster, often leading to detaching components from the actual design system and reducing the impact of the design system for the entire organisation.

The ongoing debate about one comprehensive design system has been around for close to a decade. Leaving some parties in discussion that not everything can be automated. Where others are reaching the point of automation between Figma, JSON and a very basic REPO that allows the Front-end Engineering team to convert a JSON file to a working CSS style, in other words, it impacts the E2E workflow without human intervention.  

So what shall we measure, you might kindly ask?

  • Is it the time saved?
  • Is it money saved?
  • Is it money spent?
  • Is it allocation or resourcing that has been added or reduced?
  • Is it the reusability of components?
  • Is it increased accessibility?
  • Is it a smooth integration from the business idea to the final code?
  • Oh, is it a learning, knowledge, transparency or improvement of the company culture?

Since McKenzie's model states that everything in a business can be measured, all the above questions might be relevant to you or to your business. If the time to market is something that you value the most, the quality of the design system does not play a role.

If you, however, are trying to create an ultimate production line between an idea and the code and minimising the bridge that design creates, you can start measuring and shortening the time every single time you deploy a simple increment, leaving you and your designer in the process of constant optimisation.

You might consider the design system as the ultimate bridge of your organisation's common language, the source of truth, or an intellectual property that your business must protect at all costs.

These three examples give you guidance for what to measure at what time in order to achieve your primary objective. In the following series, we examine specific topics related to value creation, value proposition, and key performance indicators for a design system, an integrated design proposition.

For more information, please visit Designa at Scale™ – GRID Magazine, where you can find additional relevant articles that explore high-performing teams, self-organising teams of 001, teams of 010, and teams of 100 that deliver the value proposition within a product-led environment.

Happy scaling through design!

Hey, I’m Jiri Mocicka.
London-based Product Design Director, Trusted Advisor and Author of Design at Scale™. The method that empowers individuals to shape the future organisation through design.
If you have a question, join our Community and reach out to like-minded individuals who scale design propositions. An online Academy can help you to define teams of 01, 10, and 100, and 1% supported by Grid Magazine and Supply section, where we bring more insights weekly on how to become a design leader in your Agentic Organisation

Author's Name

AVATAR

inResearch

42

inWriting

77

Released

230
EMT

Related.

Featured Image
Welcome to the Jira for Designers series brought to you by Design at Scale™ – Academy. In a previous article, we discussed Design planning(↘︎Link) and how the basic structure of design operations can improve organisational …
 · 
2023-03-27
 · 
6 min read
Featured Image
The most common interview opener is also the most commonly botched. Not because candidates lack a wealth of experience or confidence, but because they fundamentally misunderstand what is being asked of them. Master this …
 · 
2021-01-03
 · 
7 min read
Featured Image
Aligning Human Senses and Technical Communication to Unlock Enterprise Scale In a quickly evolving global corporate environment, cross-functional alignment is the ultimate metric of operational achievement. Yet, semantic and physiological noise creates friction at …
 · 
2026-04-06
 · 
4 min read
Featured Image
Welcome back; this article is part of the series called DaS™ – Naming convention. The previous article explored the history and mental models behind sorting information in digital space. This article will discuss how …
 · 
2020-05-11
 · 
6 min read
Featured Image
Welcome back; this article is part of the series called Naming convention. The previous article explored the history and mental models behind sorting information in digital space.[001↗] This article aims to discuss the naming …
 · 
2020-05-04
 · 
6 min read
Featured Image
We’ve all been there. Someone, most probably a boss, asks us to find the latest email or Miro [001↘︎] board or simply share a file created a while ago, and we struggle to find …
 · 
2020-04-27
 · 
5 min read
Featured Image
Welcome back; this article is part of the series called Naming convention. The previous articles explored the impact of folder naming conventions. This article discusses the naming convention inside the CX and UI files …
 · 
2020-04-20
 · 
5 min read
Featured Image
The tech industry, and design within it, often perpetuates a comfortable myth that every designer needs a single, seasoned mentor to navigate their career in constant change. That is why thousands of designers turn …
 · 
2021-08-01
 · 
6 min read
Featured Image
Welcome to the Design at Scale Method series. Today’s article has no more minor ambition than to connect, empower and unify all product designers under a simple Manifesto, which easily translates the value of …
 · 
2021-02-17
 · 
3 min read

GRID Magazine

Explore OUR 
Articles

Every week we bring set of stories reflecting on communication, operation and technology.

Newsletter

Subscribe.

We share our 20 years of experience in creating, managing and scaling products and services that allow individuals to shape organisations through design.

Design at Scale™

LINE_MAGENTA_050_301

Categories

LINE_MAGENTA_050_301

Data

LINE_MAGENTA_050_301

Share

Internal

Collaborate

Resources

IBM PlexSan
Regular
Charcoal

Design at Scale™ is defined by three models, which form the Method. Each model operates in a different part of the business and collects and informs parties on design and engineering decisions that have a direct impact on the delivery.

All brands and trademarks presented on the Design at Scale™ website are owned by their relevant companies or agencies. The projects represent collaborations between designers, developers and product owners. Do not copy or publish any of the projects shown here without written approval from Design at Scale™ (alternatively GIVE™, 9V™) and/or relevant companies and agencies.

SOC_Twitter
SON_LinkedIn
SON_Instagram
SOC_-Medium
View