Chromatic
ELI5 — The Vibe Check
Chromatic takes screenshots of your UI components and yells at you when something changes unexpectedly. It's like having a paranoid friend who notices if you moved a picture frame one pixel to the left. Annoying? Yes. Catches bugs? Also yes.
Real Talk
Chromatic is a visual testing and review platform for UI components, built by the Storybook team. It captures snapshots of every component story, detects visual changes via pixel comparison, and provides a review workflow for approving or rejecting UI modifications in CI.
When You'll Hear This
"Chromatic caught that the button padding changed after the CSS refactor" / "Every PR runs through Chromatic so designers can approve visual changes"
Related Terms
Design Tokens
Design tokens are the single source of truth for your design decisions — colors, spacing, fonts — stored as variables that work everywhere.
Figma to Code
Figma to Code is the dream of turning designer mockups into actual working code automatically.
Storybook
Storybook is like a showroom for your UI components.