4 Sept 2024
Developer vs Designer: How design systems enable painless collaboration
A design system is a shared language. Without one, designers sketch a cat and developers ship a flower.
TLDR; A design system helps developers, designers, and other stakeholders speak the same language so they stay aligned and work better together.
In today’s fast-paced digital world, collaboration between developers, designers, and other stakeholders is essential to creating cohesive, high-quality products. One tool that makes that collaboration possible is the design system.
Building software better and faster
When we create websites or software we rely on teams of talented people. As the remit grows, so do the chances of two groups doing their best work in slightly different directions.
Do the designers tell the developers what to do? Do the developers dictate the limits? Does marketing declare the colour of the buttons? No. We are all in it together.
What a design system actually is
In the simplest terms, a design system is a language everyone can speak about how the UI looks and behaves.
A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels. — NNGroup
Think of it as building a Lego house with a friend.
The Lego house
George (the designer) sketches a pink house with a white picket fence and a cat at the window. They talk it through with Jody (the builder). Everyone is happy. The builder starts building.
The sketch is great. The Lego house is great. They do not match.
The sketch was not detailed enough about brick sizes. It did not mention transparent windows. There was no Lego cat, so Jody used a flower.
Everyone assumed they knew. They used the tools they had. They did not check. The result was not bad — just not quite right.
If the designer had known the kit, they would have designed to it. If the builder had known about the cat, they could have asked whether it was worth buying one.
Same information, same goals, same shade of red, same sized bricks. That is the start of a plan that is faster and better.
Who it is for
Anyone who makes digital products.
- Designers: consistency and a shared language.
- Developers: guidelines and reusable components.
- Product managers: fewer misunderstandings.
- Marketing: brand that holds across channels.
Traditionally, developers focus on function and feasibility; designers on experience and craft. Those priorities only become a fight when there is no shared framework. A design system is that framework. It is not a rigid rulebook. It is a living document that only works if the people who ship the product actually use it.
Sit down with a key group, lay out what you have, and decide how you go forward together. That is how you join the dots.
Originally published on Medium.