4 items
Part 3 of 3 — Closing the design system loop with VS Code. How the right extensions bring your token architecture into the editing experience, catch drift before it ships, and make the right choice the easy choice.
Part 2 of 3 — How to connect your Storybook design system to Figma without manual syncing. A practical setup for design tokens that live in code and propagate to Figma automatically.
Part 1 of 3 — How I used Storybook as the foundation for a production design system. Not a showcase tool, but an actual development environment where components are built, documented, and tested in isolation.
I built my own portfolio on Hugo with a custom CLI, PostCSS pipeline, and Netlify deploy workflow. Here's what the process surfaced about static site architecture decisions — and the tradeoffs I'd make differently.
