Guide122.3K views2,973 votes0 replies4,465 following
Read Adobe XD Scenegraph Selections in a UXP Plugin for Design Tokens
Read selected XD nodes with UXP, guard against empty selections and groups, and export design tokens safely.
Loading…
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Read selected XD nodes with UXP, guard against empty selections and groups, and export design tokens safely.
Use a Sketch Library as the in-app source of truth and code tokens as the parity source for front-end design systems.
Chakra UI style props speed up development but can lead to JSX bloat. Learn how to use semantic tokens and extendTheme to maintain a clean, scalable design system.
Designers see correct variable values in Design mode but collaborators see fallback values in Dev Mode. Diagnose unpublished collections, mode mismatches and local overrides in a team library workflow.
Stop duplicating CSS properties across component variants. Learn how Stylus indented syntax, design tokens, and mixins centralize style logic to prevent drift and simplify maintenance.
Figma’s Auto Layout lets you build responsive components, but deep nesting and mixed sizing can hurt performance. This post explains how the constraint solver works, shows a practical nesting example, and offers trade‑offs and best practices to keep files snappy.
Use Chakra UI extendTheme for global design tokens, and component style props for one-off styling. Includes a comparison table and validation steps.
Learn how CSS custom properties let you change colors, spacing, and other design tokens at runtime—no stylesheet swap or page reload required.
Learn how to implement a centralized Material UI ThemeProvider to eliminate design drift, manage light/dark modes, and optimize render performance in React.
xd
sketch
stylus
figma
chakraui
css3