Clik here to view.
Naming Tokens in Design Systems
Terms, Types, and Taxonomy to Describe Visual StyleDesign tokens have provided a visual foundation of many design systems since Salesforce pioneered the concept in 2014. I wrote an impassioned article...
View ArticleClik here to view.
Crafting Component API, Together
How to unify anatomy and props across code and design toolsA design system aspires to achieve a shared vocabulary between designers and developers. As we build visual style and UI components, we make...
View ArticleClik here to view.
Testing Figma Components
Build a workflow to assure quality of design system assetsTesting Figma Components:Overview | Visual Test Cases | The ReviewHave you ever made an awesome Figma component, recklessly published, garnered...
View ArticleClik here to view.
Component Visual Test Cases
Like code, prove Figma shows what and changes as you expectTesting Figma Components:Overview| Visual Test Cases | The ReviewTesting isn’t just create an instance, change a label, swap some properties,...
View ArticleClik here to view.
The Figma Component Review
Test assets using criteria organized in checklistsTesting Figma Components:Overview| Visual Test Cases | The ReviewIn years past, testing design assets was a throwaway consideration in planning if done...
View ArticleClik here to view.
Figma Shared Libraries
Extend a design system with assets maintained by contributorsDesign systems are gradually moving away from a single, monolithic, centralized libraries of every thing in one place managed by one team, a...
View ArticleClik here to view.
Subcomponents
Relinquish control, offer parts, and let implementers composeFor most design systems, solving for every feature to support every case is a fool’s errand. Yet, design system practitioners cringe when a...
View ArticleClik here to view.
Reimagining a Token Taxonomy
Notes from design token projects, from audits to implementationDesign token dreams have turned to reality across most design systems. Yet some teams now see a years-old inventory as out of step with...
View ArticleClik here to view.
The EightShapes Specs Figma Plugin
How it works, and how to make it work for youCreating component design specifications (“specs”) is grueling. Designers can spend hours manually itemizing elements, outlining props and options, and...
View ArticleClik here to view.
Component Specifications
What to include, where it goes, and why it matters more nowDuring the emerging years of design systems (2015–2018), designers and developers form teams to crank out components. Tight collaborative...
View Article
