Design System

17 articles published

How to Create Spacing Variables in Figma: Padding and Gap

How to Create Spacing Variables in Figma: Padding and Gap

How to Create Shadow Variables in Figma: Reusable Elevation

How to Create Shadow Variables in Figma: Reusable Elevation

How to Create Typography Variables in Figma: Text Roles

How to Create Typography Variables in Figma: Text Roles

Difference: Component Properties, Variants, Slots and Nested Content

Difference: Component Properties, Variants, Slots and Nested Content

Figma Variable Mode Not Working: Trace Bindings and Inheritance

Figma Variable Mode Not Working: Trace Bindings and Inheritance

Best Practice: Migrating a Large Figma Design System to Penpot

Best Practice: Migrating a Large Figma Design System to Penpot

Best Practice: Configurable vs Separate Components for Complex Forms

Best Practice: Configurable vs Separate Components for Complex Forms

Figma Variables vs Styles: Bind Values, Keep Useful Treatments

Figma Variables vs Styles: Bind Values, Keep Useful Treatments

Set Up a Token Pipeline: Figma Variables, Git & Style Dictionary

Set Up a Token Pipeline: Figma Variables, Git & Style Dictionary

Best Component Library: Page-Level Patterns for Multiple Product Teams

Best Component Library: Page-Level Patterns for Multiple Product Teams