Streamline UI Prototyping with Adobe XD Component States
Learn how Adobe XD Component States let you prototype hover, pressed, and disabled UI variations inside a single component, reducing file clutter and simplifying updates.
Loading…
ReadMeFeed / Community knowledge
#design-systems
Real questions. Useful conversations. Find the people who know your stack.
Adobe Illustrator Symbols: Architecture Note on Reuse, Trust Boundaries, and Failure Modes
Learn how Illustrator Symbols store a single definition and reference it across instances, what trust boundaries exist, how edits propagate, and when the design should shift to alternatives.
illustratorFigma Variables with Modes: One Component Set, Two Themes, Cleaner Handoff
Duplicating component libraries per theme doesn't scale. Figma Variables with modes let one component set serve light and dark themes — and give engineers token names instead of raw hex values at handoff.
Keep styling props out of the DOM with styled-components transient props
Use styled-components transient props prefixed with $ to keep styling-only props like variant and size out of the DOM, removing React unknown prop warnings while preserving CSS interpolation.
styledcomponents
reactShipping One Stencil Component Library to React, Angular, Vue and Vanilla
Author once in Stencil and emit Custom Elements plus React, Angular and Vue wrappers from one stencil.config.ts. Learn how to configure outputTargets, verify artifacts, and manage Shadow DOM and SSR trade-offs.
stenciljsSketch Symbols with Overrides and Smart Layout for Consistent UI Libraries
Use Sketch Symbols with Overrides and Smart Layout to keep UI components consistent. Learn how resize contracts, nested symbols, and library updates reduce drift without manual rework.
sketch