#designsystem (68 links)
- Design System Generations medium.com
How to discuss and describe a design system’s biggest changes
Establishing a standardized design system lexicon
- The Middle Management of a Design System Program sparkbox.com
The shape of your design system team and the hierarchy it falls within can greatly impact the way you approach the work. A key role to the success of your program is the middle manager.
- The Sorry State of States medium.com
Today’s Figma assets show design could align better with code
- A mode too far iknowdavehouse.medium.com
Problems using Figma variable modes for multiple brands.
- “The Design System Isn't Working for Me!” bigmedium.com
How to manage bugs, missing features, intentional design deviations, new patterns, and more.
- The Fallacy of Federated Design Systems medium.com
Avoid the damage and distress of glorifying the wrong model
- Going offroad for a better design system uxdesign.cc
Building flexible design systems just like my Nissan Xterra.
- Truly Semantic blog.damato.design
The purpose of this article is to be clear about which tokens are best used directly in the experience from other tokens that can be used for organizational purposes.
- Dynamic Pictograms For Design Systems carbonemike.com
How to prepare pictograms for design systems by handling variable brand and skin colors.
Go for not too specific, not too general.
- Are Design Systems a zero-interest rate phenomenon? daverupert.com
Times I’ve seen executive buy-in go smoothest are when a person in a position of power cares about design and says, “Our app looks like shit.” Now it’s a hair on fire problem.
- Creating a Future-Proof Design System: Comparing Tools vs. Headless – Blog – Supernova.io supernova.io
This methodology involves decoupling the design tokens and elements from their implementation, allowing them to be applied across various platforms and technologies. This platform-agnostic nature of headless design systems makes them highly scalable and suitable for organizations that have a presence across multiple digital mediums beyond just the product.
So, essentially a reframing of what we called the Spotify Model in 2019, based on the "Reimagining Design Systems at Spotify" talk.
- Design Systems Database: Surf among top‑notch Design Systems designsystems.surf
- Brands as Operating Systems | LinkedIn linkedin.com
If you’re designing a brand today, you’re designing a digital entity. You’re also designing a shared entity. Brands today aren’t the work of lone geniuses. They are collaborations between marketers, product people, partners and customers.
- How to (properly) break your design system breakyourdesignsystem.com
Systems thinking allows your work to reach more people.
If a component doesn’t align with the project’s vision, it’s not sacrilege to customize or create entirely new elements.
- Wise Design - The making of an icon wise.design
Now, you may be asking yourself, why didn’t they use Figma, or Sketch, or Photoshop (lol), as their single source of truth? As much as we love Figma, we know that design tools come and go, but our icons are forever, so Github made the most logical sense. And given that it’s where our code lives, it kept things simple too.
Good "don't keep your assets in your flavour-of-the-month design tool" evidence.
- Component Specifications medium.com
What to include, where it goes, and why it matters more now
- The EightShapes Specs Figma Plugin medium.com
- An incoherent rant about design systems • Robin Rendle robinrendle.com
The hard truth is this; your Figma docs should be treated like a sketch on the back of a napkin. It should be somewhat accurate but it’s a tool that reflects the front-end, but: it ain’t your design system.
- Adapting a design system to work for the Metaverse stackoverflow.blog
- A History of Design Systems on the Web - The History of the Web thehistoryoftheweb.com
So many familiar notes in this tale.
The Presentation Layer, our React-based rendering layer for the new BBC website, is a monorepo that includes the design system. Only web pages created in the monorepo can use the design system. And, most importantly, any changes to components in the design system are rolled out instantly.
- EightShapes > @components > Component Testing Plans eightshapes.com
Quality stems from and is proven by an implemented testing plan by which components are inspected prior to release. This article describes criteria and tools for testing components and how to order making them at a high level to help teams plan.
Consistency alone can produce consistently poor outcomes without flexibility. If the system is too strict, teams are constrained and the results are rigid and dull.
- “Useful Sections for a Design System Reference Site,” an article from SuperFriendly superfriendlydesign.systems
- Motion Design System — A Practical Guide medium.com
Using a standard motion design system may benefit your business with:
* Much shorter animation developing time * System-wide motion consistency * Faster decision making when designing new animations
This article will show you step by step how I created and delivered our motion design system.
- Text for Proofing Fonts | Fonts by Hoefler&Co. typography.com