Design system organization
Clean-up, structure, and a single source of truth in Figma.
Case study
MedeAnalytics: Design System to AI builder.
A structured program spanning Figma foundations, a component library, Code Connect, Figma Make, agent-ready documentation, and an npm publishing pipeline.
Program stages
Six workstreams that move from file hygiene to shipped packages. Follow the overview cards below or jump to detailed pages.
Component library
Figma Make and Storybook in parallel — work in progress, already demoable.
Code Connect
Bridging design system tokens and components to code.
Figma Make template
A reusable template derived from the component library.
Agent instructions
Guidance for AI agents, versioned with the component repo.
Publish pipeline
Build, test, commit, and publish to npm.