Tutorials

Install ds-bridge, answer the preferences dialog, and read your very first lint finding — start to finish, in about ten minutes, no Figma account required.

Find every hardcoded color, spacing, and radius that should be a design token — and fix exact matches automatically.

Diff your token source against built outputs to find stale, missing, and orphaned tokens — scored and trended over time.

Score any Figma frame’s handoff readiness 0–100: detached instances, raw values, missing styles — before an engineer is blocked.

A component-by-component matrix of what exists in Figma, what exists in code, and where the props disagree.

Point figma-impl at a frame and get code assembled only from your registered components and exact tokens — with everything it can't resolve reported as a gap instead of invented.

Audit your color tokens for WCAG contrast across light, dark, and every other mode — read which pairings fail, see lightness-only fixes, and gate CI on the result.

Diff your published Figma library against the last snapshot, classify each change as breaking, additive, or cosmetic, see how many code call sites it touches, and gate CI on the breaking ones.

Turn your git history, Figma versions, and token changes into a single audience-segmented changelog — one document everyone on the team can read.

Pick a persona view — owner, engineering, design, consumer, or everything — so ds-bridge report opens the dashboard you actually read, from one shared history.

Turn your saved registry, a code scan, and your token map into one MDX page per component plus a machine-readable llms.txt — generated, gap-honest, and reviewable in a pull request.