How are you keeping Claude Design consistent with your design system?
I've been using Claude Design for a while now for product design, and it's already improved our workflow a lot, especially for prototypes, animations, landing pages, and quick UI explorations.
The challenge is that we're working on an established product (SaaS) with an evolving design system. I've tried giving Claude everything I can think of to generate an accurate design system: a DESIGN.md, screenshots, Figma files, SVG icons, and even our code repository.
But then, even with an accurate CD design system, the results of every project while they look very close to our design system, if you look closely, the spacing, sizing, colors and componentes are slightly different. Those inconsistencies quickly become a nightmare for developers because they don't match the actual components and design tokens.
Has anyone found a reliable workflow to make Claude Design consistently use existing components and design tokens? Or is the better approach to use Claude connected to the repository together with the Figma MCP, and use Claude Design mainly for exploration?
Thaaaanks!