Claude Code can now perform UI design work directly, eliminating Figma from the workflow entirely. Riley Brown demonstrated a full pipeline: Claude Code connected to Paper, an AI-native design tool, via MCP (Model Context Protocol), producing a complete React website from blank canvas to live deployment on Vercel through GitHub.
The technical setup is the story here. MCP acts as the bridge between Claude Code and Paper, letting the model iterate on visual designs before writing a single line of React. Brown uses reference images to define design goals, then lets Claude design in Paper, iterates, converts those designs to React code, and deploys. The full timestamp breakdown shows the process takes under 15 minutes across install, design, build, and deploy.
What makes this worth reading in full is the MCP configuration at the 01:56 mark and the iteration loop between 08:28 and 11:48, where the design is actually refined rather than accepted wholesale. This is not a one-shot generation demo. The implications for Figma are real: if Claude Code handles design constraints natively through an agent-to-agent protocol, the standalone design tool market has a problem.
[WATCH ON YOUTUBE →]