;

Y21 Nº018 GRID Mag – The decade of Integrated Design System

Featured Image

Dear (none)Designer,

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

One would think that design systems only arrived a decade ago. In fact, design systems have been around for quite a while now. Those who deal with typography and type setting will be familiar with the library attached to the book. The place we define styles for paragraph spacing, letterhead, and other parameters for the book that goes to print.

Adobe has introduced smart objects in Photoshop, enabling us to embed Illustrator graphics and other Photoshop documents within a master document. Fast forward a decade, and we arrive at an era where we use online tools to read another online document, defined by primitives such as font type and spacing, and drive a visual representation of another file within the same environment. This way, we can control multiple documents with the same style, brand, patterns, and behaviour.

Over the last three years, the expansion of the design system has undergone a significant transformation. Every designer is experimenting with the tokens. And everybody seems to have an answer with architecture they should use for their own service or product. Brand guidelines become digitised in this new environment, proclaiming a new transformative generation of forever-evolving brands.

Introducing the themes, styles, sub-brands, and so on. The design systems have become quite a complicated proposition. In some cases, becomes a product in its own right.

Do we need a robust design system for an online shopping app? Probably not. Do we need a design system for the multi-brand proposition that is distributed across 50 different domains? Absolutely yes.

This way, the emphasis does not lie in the direction of the brain or brand integration; it is more in line with the power and control of the brand across all digital touchpoints within this ecosystem. Acknowledging that each of these platforms might be built in different programming languages, consuming different Cascading Style Sheets reflecting on different CMS – content management systems, and perhaps reading different data databases with different structures and different content models.

As you can see, the variability and complexity are in question. The brands often constrain themselves to use one colour over the other pattern versus image or the size of the button in a very specific module, where designed systems create a transparent, flexible yet rigorous structure that allows adaptation to new decisions in a very short period.

While everybody is focusing on new plug-ins in Figma that help you organise the primitives, a new battle has begun around variables and their implementation within or outside of Figma. Designers are allowed to switch platforms and use new tools while maintaining the same variables and behaviour across different tools.
It brings the long-awaited flexibility for creativity and expansion of a great user experience, allowing them to define, manage, and adjust variables within these environments.

For more information, please visit Designa at Scale™ – GRID Magazine, where you can find additional relevant articles that explore hyper-performing teams, self-organising teams of one, teams of 10, 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

Jiri Mocicka

AVATAR

Location

London,
Greenwich

Experience

+25

Articles

203
EMT

Related.

1/ Holding design meetings for the sake of holding meetings.2/ Adopting a compensation plan that no one understands.3/ Copying the competition, yet expecting to surpass them.4/ Treating employees as a cost rather than as …
 · 
2026-06-08
 · 
3 min read
Featured Image
Welcome to the sixth article of this series that focuses on designers in the team of one. After diving deep into coms and opening the decision pathways for the technology, we should now look …
 · 
2022-02-05
 · 
6 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article will close the series by examining the overall organisation as a well-functioning ecosystem. Traditionally, …
 · 
2021-07-09
 · 
5 min read
Featured Image
Welcome back to our Design at Scale™–Academy series, focusing on design practice in a team of one hundred. This article will explore the shift in the perception of the importance of design in large …
 · 
2021-07-02
 · 
5 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article will explore the importance of the simple phenomenon called design transparency in the business. …
 · 
2021-06-25
 · 
6 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article explores the contrasting mindsets of "protecting" and "broadcasting" design knowledge. We'll delve into how …
 · 
2021-06-18
 · 
5 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article delves into the dynamics of agile organisations, exploring how design knowledge permeates the entire …
 · 
2021-06-11
 · 
5 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article delves into the intricacies of integrated design teams within agile organisations.  While "HR organisation" …
 · 
2021-06-04
 · 
6 min read
Featured Image
Welcome back to our Design at Scale™—Academy series, focusing on design practice in a team of one hundred. This article explores a department function often unnoticed by new design team members. This lack of …
 · 
2021-05-28
 · 
5 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