Embracing the duality of UX and systems design | by Canvs Editorial | Jun, 2023 | UX Collective
Building conscious design systems by Amy Hupe, content designer.
How can we focus less on artefacts in design systems, and work consciously to build inclusive design systems that put people at their heart?
system.css
System.css is a CSS library for building interfaces that resemble Apple's System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.
Dan Mall on Twitter
It’s true that design systems serving products that then grow the system is a virtuous cycle. But how does a team start the cycle? It's a classic chicken/egg problem. Is one place better to start than the other? pic.twitter.com/6CwPs81t8p— Dan Mall (@danmall) December 3, 2021
Fluent UI
A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
Design Systems are for user interfaces
We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design system." The reality is that a design system is a multi-faceted layer cake, and also operates as part of o
Every design is a system | by Benek Lisefski | May, 2021
When I encounter inexperienced designers, there’s one thing that always sticks out about the way they think. Or more specifically, the way they don’t think. They don’t think of every design project…
How we built an open source design system to create new community logos | Opensource.com
As interaction designers on Red Hat's User Experience (UX) Design and Ansible product teams, we worked for about six months to build a logo family with the Ansible community. This journey started even earlier when a project manager asked us for a "quick and easy" logo for a slide deck. After gathering a few requirements, we presented a logo to the stakeholders within a few days and without much need for iteration. A few months later, another stakeholder decided they would also benefit from having imagery for their materials, so we repeated the process.
Defining Colors in your Design System
Complete guide to build scalable, harmonious color system
zeroheight example: Popover · Planview Design System
zeroheight
Stop Doing Design System Projects
Your design system is not a project.
10 Key Takeaways from Google’s Material Design Guidelines
UI & UX best practices from Google’s design system documentation.
Building a Visual Language
Behind the scenes of our new design system (Airbnb)
The Way We Build
How rethinking the Airbnb app changed the way we approach design
Design Systems For Figma: Bringing Context To Design Systems
Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.
The Onion for Design Systems: Atomic Design and Pace Layering
Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance
Useful Sections for a Design System Reference Site
Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium
The design systems we swim in
Through a design system, darkly
The design systems between us
Spectrum for Adobe XD: Adobe’s Design Language in its Experience Design Tool
10 great design systems and how to learn (and steal) from them
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Fluent Design System
Fluent brings the fundamentals of principled design, innovation in technology, and customer needs together as one. It’s a collective approach to creating simplicity and coherence through a shared, open design system across platforms.
10 Design Systems You Must Know in 2020
Fluent Design System
Fluent brings the fundamentals of principled design, innovation in technology, and customer needs together as one. It’s a collective approach to creating simplicity and coherence through a shared, open design system across platforms. Open ecosystem, open design system.
Starting a design system in a start-up
A guide to how we designed and built our design system in 8 steps
Your Sketch library is not a design system | Brad Frost