How to Design With Claude Code (It's OVER for Figma)

Save to stack
Riley Brown Open on YouTube ↗
Claude Code Tool AI Design Tool Tool Ai Web Design Topic Vibe Coding Topic Claude Tool Complete Beginners Audience Figma Alternative Tool Claude Code Design Use Case
From the creator

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) More about me: rileybrown.xyz Sponsorships: https://rileybrown.xyz/sponsorships

Choose to Build with AI
Matched to Claude Code

AI Maker Residence 3

The third AI workshop taught by our legendary teacher, Nick Sarafa. This is a full-day hands-on training workshop for purposeful co-creation with AI using Claude Code. Imagine having access to hundreds of billions of dollars of computing power and knowing exactly how to make it work for you through the power of super intelligence.

◆ Fri 09 Oct 2026 ◆ KOKO Cafe, London ◆ With Nick Sarafa
Get your seat See every event
AI Maker Residence 3
Live event
AI Maker Residence 3
Fri 09 Oct 2026

More like this

Running one yourself?

List your AI event,
wherever it is.

A meetup, a workshop, a hackathon, a conference. Any city, or online. Tell us about it and it lands in front of people already learning this stuff.

List your AI event