UX for Two

Why the brand kit is becoming a knowledge base — and how 400-token chunks, retrieval rules, and a soul.md file change what gets shipped.

The New Workflow

Yesterday, Figma introduced Claude Code integration, where code flows to Figma and back again in a continuous loop. This is important because the loop works both ways; your team creates in Claude Code using your structured brand files, sends it to Figma, your designer refines it on the canvas, then brings it back to code with Figma MCP.Certain files (like brand-positioning.yaml and messaging-framework.md) serve as the single source of truth for both sides - the agent reads them when generating code, and the designer references them when refining in Figma. They both employ the same positioning, same voice, and same structure.However, this only works if your brand has structured data, not just Figma files.At Little Plains, we’ve been preparing for this over the past few months. We've been slowly shifting from just delivering brand guidelines to delivering brand infrastructure. I think it's cool and hopefully this is helpful.