Fathom 3 keeps one source of truth for colour, type, spacing and motion. Designers edit variables in Figma; engineers get a typed token package on npm with a pull request already opened. No more hex codes copy-pasted into a stylesheet at midnight.
Topic: Design Tools
For people who move pixels
-
Palette Sense
Give Palette Sense your primary colour. It returns a full tonal system with contrast ratios already checked against WCAG for every text and surface pairing, plus the CSS variables to drop straight into your theme.
-
Prism UI
Drop in a logo. Prism extracts the palette, picks a type pairing that passes contrast, and generates 48 accessible React components already wired to your tokens.
-
Moodframe
Collect references, pull the palette and type out of them, and export a working token set. The gap between “here is the vibe” and “here is the stylesheet” closes to one click.
-
Figbot
Figbot comments on your Figma file like a staff designer would: detached components, off-token colours, text that will overflow in German, contrast that will fail an audit.