Case study · Part one

Design foundations — Figma, Code Connect & templates

Figma file structure, design–code mapping, and reusable Make templates — the layer that keeps product and engineering aligned.

Library & delivery Overview

Design system clean-up & organization

Figma

We audited and reorganized the MedeAnalytics design system file so teams can find patterns, tokens, and documentation without friction. The file is structured for dev-mode handoff and ongoing maintenance.

MedeAnalytics design system organized in Figma

Code Connect

In progress

We began connecting the design system to the component library so designers and developers share one mapping story — from Figma components to Storybook and published packages.

Code Connect mapping between Figma and the component library

Figma Make template

Template

We packaged the component library into a Figma Make template so new explorations start from the same building blocks and visual language as production.

Continue to library & delivery