Projects
- Designar UI
Component library from my own design system. Typed React components with Tailwind, design tokens baked in.
ReactTypeScriptDesign TokensTailwind - Token Bridge
A Figma plugin that exports design tokens directly to CSS variables and TypeScript constants. No more copy-paste from the inspect panel.
Figma PluginDesign TokensCSS - Handoff
A small CLI that diffs Figma component changes against your live codebase and flags what's drifted. Built after too many 'it looked different in Figma' reviews.
CLIFigma APINode.js - Typeset
Interactive playground for type scales and fluid typography. Drag a ratio, watch your modular scale update in real time.
TypographyCSSInteractive