Skip to content
tezvyn:

All bites

The whole library, newest first. Filter by what you are here for, or pick a topic if you already know.

4330 bites

Page 152

Design Systems1 min read

Composite components versus layout primitives

Primitives give flexibility and composition, composites enforce consistency, choose by reuse and variation.

Design Systems1 min read

Documenting accessibility per component

Per-component a11y sections, keyboard tables, ARIA roles and states, live examples.

Design Systems1 min read

Architecting a federated documentation site

Docs-as-code with a manifest, CI publishing artifacts, a build that pulls and merges, unified deploy.

Design Systems1 min read

Automated a11y testing in CI and its limits

Axe-core in unit and story tests, fail the build on violations, plus manual screen-reader and keyboard testing.

Design Systems1 min read

Governance for accessibility regressions

Detection via audits and monitoring, triage with severity and ownership, remediation SLAs, prevention feedback.

Design Systems1 min read

Design systems across micro-frontends

Shared singletons and version alignment, token-based theming, distribution via shared scopes, stronger governance.

Design Systems1 min read

Critical a11y fix requiring a breaking API change

Ship a safe interim fix, plan the breaking API as a major with deprecation and codemod, communicate urgency.

Design Systems1 min read

Technical and comms plan for a Button break

Additive-first then deprecate, major semver, codemod and guide, multi-channel early comms with adoption tracking.

Design Systems1 min read

Measuring design system adoption and health

Component coverage and version spread from code scans, usage analytics, issue and satisfaction signals.

Design Systems1 min read

Gradual design system adoption in legacy code

Coexistence strategy, codemods for mechanical swaps, lint rules to block regressions, prioritize high-traffic surfaces.

Design Systems1 min read

Linking form-component adoption to fewer a11y bugs

Define both variables, segment by adoption level, control confounders, watch correlation-versus-causation.

Design Systems1 min read

Measuring designer efficiency from Figma data

Library component usage and detach rates from Figma, time-to-mockup, override frequency via the API.

Design Systems1 min read

End-to-end process for a Modal props API break

Justify and design the change, additive rollout with deprecation, major release plus codemod, comms and adoption tracking.

Design Systems1 min read

Design tokens for multi-brand button theming

Tokens as named design decisions, primitive-versus-semantic layers, per-brand themes mapping semantic to primitive.

Design Systems1 min read

Documentation for a new Card component

Usage guidance and do/don't, variants, accessibility, code examples, composition.

Design Systems1 min read

Framework-agnostic components across React, Vue, Angular

Web components for one core, framework wrappers for ergonomics, codegen as an alternative, with their costs.

Design Systems1 min read

A simple automatable metric for dev-time savings

Component coverage or cycle time, gathered automatically, compared across adoption levels.

Design Systems1 min read

Structuring color tokens for a new app

Primitive palette, semantic role tokens, optional component tokens, theming benefit.

Design Systems1 min read

Explain token aliasing in design systems

Primitives hold raw values, semantic tokens reference them by intent, components consume only semantic ones.

Design Systems1 min read

Designing a flexible yet usable DataTable API

Sensible defaults, compound or slot-based composition for flexibility, props for common cases.