CSS Custom Properties: A Practical Engineering Decision for Design Systems
Define design tokens once on :root, reference them with var(), and swap themes by changing a single data-theme attribute—no rebuild needed.
Loading…
ReadMeFeed / Community knowledge
#design-systems
Real questions. Useful conversations. Find the people who know your stack.
css3Sharing Symbols Across Sketch Documents with Libraries: Setup, Updates, and Recovery
Set up a Sketch Library so multiple documents share Symbols, Text Styles, and Layer Styles from one master file — including the update workflow, override safety, and recovery when links break.
Scaling UI with Figma Auto Layout: Moving Beyond Manual Resizing
Stop manually nudging pixels. Learn how to use Figma's Auto Layout to create responsive components that behave like real CSS Flexbox, reducing design debt and handoff friction.
Sketch Symbols as a Design System Backbone: Where They Help and Where They Bite
Sketch Symbols can act as a lightweight design system — if you structure them well. How sources, instances, overrides, and nesting actually behave, plus the performance and collaboration trade-offs.
Resolving Unexpected Element Shrinking in Figma Auto Layout
Learn why your Figma elements suddenly shrink or collapse and how to fix layout logic conflicts between 'Hug' and 'Fill' constraints.
figmaSketch Smart Layout: When to Use It, What It Can't Do, and How to Validate Handoff
A decision guide for Sketch Smart Layout: when to apply it to Symbol masters, what constraints it imposes, how it compares to Figma Auto Layout and CSS Flexbox, and a concrete button implementation with validation steps.
sketchBuild Resizable Sketch Buttons with Symbols, Overrides, and Smart Layout
Use one Sketch Symbol master with Overrides for per-instance text and icon swaps, and Smart Layout for automatic resizing. A worked Button example shows how to keep consistency while letting labels change length without manual edits.
Choosing Styling Strategies in Chakra UI v2: Style Props, sx, and Theme Variants
Learn how to choose between style props, the sx prop, and theme variants in Chakra UI v2 to prevent styling drift and maintain a consistent design system.
chakraui
reactScaling Design Systems with Parameterized Mixins in Less
Stop copy-pasting CSS variants. Learn how to use Less parameterized mixins to create a maintainable component API that keeps your design system consistent and DRY.
less