Claude Code can now handle full design work...no Figma needed. I connected Claude Code to Paper (an AI agent native design tool) via MCP, and went from blank canvas to a fully deployed React website.

If you have an idea for a mobile app, landing page or web app and don't have any technical experience, try out vibecode at vibecode.dev

TIME STAMPS
00:00 Introduction
00:46 Installing Paper
01:56 Connecting Claude Code to Paper (MCP Setup)
03:38 Design goals + reference images
06:23 Claude Code designs on Paper
08:28 Iterating on the design
11:48 Building the React app from designs
13:37 Deploying live to the web (GitHub + Vercel)

YouTube

A walkthrough of using Claude Code with Paper.design (an AI-native design tool) to create a personal website from scratch. The workflow covers setting up Paper's MCP server to connect it with Claude Code, iterating on UI designs through natural language prompts, converting the final design into a React app, and deploying it to Vercel via GitHub. The video positions Paper as a Figma alternative built specifically for AI agents.

Claude Code can Design Now (Figma is officially in trouble)