ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Discover how Figma Variables let you define, organize, and sync design tokens—colors, spacing, typography—directly into your codebase with the REST API and Dev Mode. Avoid brittle text‑layer hacks and keep design and code in lockstep.
Choosing between Carbon's four built-in themes and custom token overrides for a light/dark React app: a comparison of effort, risk, and accessibility, plus a working Theme component setup and validation steps.
Learn how to set up a Figma Variables library for scalable design tokens, support light/dark modes, and hand off to developers with Dev Mode or the Variables API. Follow the step‑by‑step guide and checklists for a smooth workflow.
Override Bootstrap's Sass variables before importing the framework to customize design tokens safely. Learn the correct import order, utility API usage, and verification steps.
A decision guide comparing Less compile-time variables, native CSS custom properties, and a hybrid token approach for theming. Includes a comparison table, trade-off analysis, and a concrete Less 4-compatible implementation with validation steps.
Guide to deciding when to use Carbon’s Standard design tokens versus Custom overrides, covering maintenance, accessibility, and a concrete Sass override example with validation steps.
Guide to adopting Sass @use with explicit namespaces, forwarding, linting, and verification for a large frontend design system.
Use one Figma Variable collection with Light and Dark modes for theming. A single semantic token like color/primary resolves per mode without duplicating components, with clear limits and common engineering mistakes to avoid.
Stop prop-drilling design constants. Learn how to use styled-components ThemeProvider to implement dynamic theming and maintain a consistent design system across your React app.
react
bootstrap
less
sass
styledcomponents