JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Gallery
Share
Explore
Design Systems (Resources)
How To (Design Systems)
How to Create a Design System in 8 Steps — Part I — UX Design World
What is a Design System?
saadiam.medium.com
How to Create a Design System in 8 Steps — Part II
What is a Design System?
saadiam.medium.com
https://uxdesign.cc/building-wheels-the-importance-of-visual-audits-4e81aed38b8f
Design Systems: Step-by-Step Guide to Creating Your Own
Learn what a design system is, how to create one and how to continually use one through our 12-part guide.
www.uxpin.com
Design System Manager (DSM)
www.invisionapp.com
How to build a design system if you’re the only designer in a startup
It’s always hard to be the only person in a company who is responsible for product design. Your day can be insanely busy because you deal…
uxdesign.cc
Our tried-and-tested approach to Design Systems
And how you can utilize our principles in your projects
medium.holographik.co
Creating an MVP design system
Insights from advocating for, and building a design system within a very small team
bootcamp.uxdesign.cc
A quick guide for setting up a design system: Figma edition
How we approach the basics of building a comprehensive design system when facing tight deadlines
uxdesign.cc
How To Start On Design Systems
Josh Cusick, a UX Designer working on the Fluent Design System at Microsoft tells his story of how he got into design systems.
medium.com
Figma & design thinking: Building a design system for an existing product
How To (Component-level)
A framework for creating a predictable & harmonious spacing system for faster design-dev handoff
Enabling design & development teams to use spacing deliberately for improved readability and consistency in product
blog.prototypr.io
A framework to create an accessible & harmonious typography system for faster design-dev handoff
Enabling design & development teams to use accessible and harmonious typography in a predictable way for improved readability and…
blog.prototypr.io
Design Tokens
Design Tokens: What they are and how to use them | Inside Design
<p>Design tokens are here to bring you closer to perfection, allowing you to manage all of your common properties from a single source and then distribute them to all of your applications and designs.</p>
www.invisionapp.com
How to manage space in Figma using tokens
And how to make the spacers handy and transparent with the help of components
uxdesign.cc
Creating design systems with Figma Tokens
A guide on how to build design systems that scale easily and sync with GitHub, with the help of a plugin called Figma Tokens.
uxdesign.cc
Naming Tokens in Design Systems
Terms, Types, and Taxonomy to Describe Visual Style
medium.com
Figma tokens automatically turned into code: how we kickstarted our design system
Part 1: Down the rabbit hole
medium.com
Design tokens automation pipeline: From design tools to component libraries (Part 1)
On September 23rd the first Editor’s draft of the Design Tokens specification was released, defining how the design decisions of your…
alexbuenodesign.medium.com
Style Dictionary - Style once, use everywhere. A build system for creating cross-platform styles.
Organization, Maintenance, & Management
In Figma, How do we maintain design version control with the least effort?
Designers can make radical changes to design files during the product development process. Making changes is important, but it can also be…
medium.com
Organising Design Systems
Get to know how to organise design systems as a single source of truth in your organisation.
medium.com
Evolution of design system KPIs
Design systems are products and still need KPIs. Here’s a look into how we at NewsKit are tackling the issue of KPIs in design systems.
medium.com
Our Design Playbook
Setting standards within our design systems
medium.com
Feature Flags in a Design System: a true love story
As some of you might know, v11 has been a huge initiative for the Carbon team for well over a year now, involving every single team member…
medium.com
How we deal with inconsistency across design projects
Enthusiastically alleviating complex design system’s hiccups, one effective team-wide workaround at a time. (Part 1 of 3)
bootcamp.uxdesign.cc
Structure of a Design System — What are the elements composing a system?
When we talk about systems we talk about what actually composes those systems and which parts work together in their functional mechanism…
medium.com
When not to call a Blue a Blue — functional colour names for Design Systems
Why it’s wrong to call a blue colour “Blue” when you’re building a design system, and why we should all be using a functional approach
uxdesign.cc
User-centered Design System Resources
How to go beyond asset libraries and build systems for people.
design.lyft.com
Design systems need experience foundations
How Shopify is making Polaris more cohesive by emphasizing user insights
medium.com
Building a Design Systems Library with Figma & Scripter
General
Design System: What to consider?
Earlier this month, I had the opportunity to interview designers and developers about the benefits and drawbacks of using a design system…
medium.com
5 Things I Wish I’d Known Before Starting a Design System at Spotify
Engineering Manager, Tyce Clee, wants to give you the benefit of his hindsight by sharing the 5 things he learned while building Encore.
spotify.design
Stories
Spotify Design are a cross-disciplinary product design community. We love to create great experiences and make meaningful connections between listeners and creators. Here is where we share what we do and how we do it.
spotify.design
EightShapes – Medium
A collection of stories, studies, and deep thinking from EightShapes.
medium.com
(collection of design system articles)
What design system to move forth with?
Building one from scratch or ado an existing?
pattypat.medium.com
Design systems after Tailwind
From 2009, I’ve spent years building simple design systems for my less CSS-savvy coworkers to use across Thinkful, Attune Insurance, and…
medium.com
How to define design principles for any digital product?
How might we create a coherent & meaningful set of design principles that informs the design system, brand guide, and product design?
medium.muz.li
When your design system fails
We’ve heard a lot about great design systems, but what happens when they don’t work out?
medium.com
How Design Systems Help Teams Build Faster and Create Better Experiences for Users
Written in collaboration with Christina Yung and Ryan Kennedy from Novartis Institutes for BioMedical Research.
nluzzicastro.medium.com
Defining your design system and content system rules
An Introduction to Multi-Platform Design Systems
Examples for Reference
Reimagining Design Systems at Spotify
Discover what motivated us to create our new design system, how it’s structured, and how it’s different from what we’ve tried before.
spotify.design
Top 100 Best Style Guides of Famous Brands
A massive list of 100+ best style guides including brand books, manuals and other design standards to get inspired when creating your…
medium.com
Supernova: a design system platform
Experience of an early adopter building a Flutter web app
medium.com
10 Design Systems And Digital Resources You Should Check Out Now
Whether you’re creating your own Design System from scratch or are just looking for inspiration, these resources are definitely a…
medium.com
Shopify Polaris
A starter kit for reimagining commerce.
polaris.shopify.com
Wanda Design System
Wanda is Wonderflow's design system
design.wonderflow.ai
Color | Mailchimp
https://dsmexample.invisionapp.com/dsm/in-vision-dsm/sample-design-system
Further Reading
r/UI_Design - any good books out there on Design Systems?
Composition-Based Design System In Figma — Smashing Magazine
Figma has advanced enough where it now supports some powerful concepts that can help with the flexibility and maintainability of a design system. In this article, Sasha explains why she finds the Systems Designer position so rewarding — and it’s not only because of how fast certain tools have developed to help her master challenges she faces in her work projects.
www.smashingmagazine.com
How To (Design Systems)
How To (Component-level)
Design Tokens
Organization, Maintenance, & Management
General
Examples for Reference
Further Reading
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.