How Coinbase used Code Connect to guide agents and shrink token costs
Sep 2, 2026Jenny Xie

Summary
Coinbase adapted their agentic workflows by modernizing Code Connect mappings for their design system components. This involved using an agentic workflow with Claude Code and the `figma-code-connect` skill to migrate hundreds of components. They conducted an evaluation comparing agent output with and without Code Connect, measuring token usage, task duration, and code quality. The results showed significant cost and time savings, attributed to Code Connect providing better context to agents, reducing the need for them to search and guess component implementations.
More from the Figma Make Visual Editor trail
- How to lighten design system upkeep with the Figma agent
- Workflow lab: Staying in the flow with Figma’s agent
- 3 ways product designers use the Figma agent for craft, speed, and creative expression
- Behind the build: Generative plugins and shaders at Figma
- Workflow lab: Moving between design and code with agents