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

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

Stop watching · start building
Matched to Claude Code

Makers residency 4th edition

Your idea can be anything. At our last workshops, people built plant-based nutrition businesses, a way to measure planetary resilience, crochet headwear and a way to connect lonely people living in the same building. An asset manager went on to raise an additional £25M on their fund within nine months. The fourth workshop is a full day at KOKO with Nick Sarafa, learning to build with Claude Code. Bring the thing you keep meaning to start. We’ll bring the pizza.

◆ Fri 13 Nov 2026 ◆ KOKO, London
Makers residency 4th edition
Live event
Makers residency 4th edition
Fri 13 Nov 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.