Why this matters For years, the design-to-engineering handoff has been the most expensive translation step in product work. A designer mocks something up in Figma. An engineer rebuilds it in React, makes a dozen small judgment calls about spacing and states the design didn't cover, and ships something that's kind of the same. Two weeks later, the designer notices the buttons are 2px off and the empty state is missing entirely. Anthropic shipped Claude Design to collapse that gap. It's a design tool that talks to a coding agent (Claude Code) that talks to your repo. Same model family at every step — no JPEGs being thrown over a wall. This article walks through the full pipeline: Building a prototype in Claude Design Handing it off to Claude Code Wiring the whole thing to GitHub so PRs get opened automatically If you've already got a Pro/Max/Team/Enterprise Claude subscription, you have access. Let's go.…