Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Vibe-Coding for Designers ⭐️ The world's FIRST online school for designers who want to ship, using Claude Code. New modules include Figma to Claude. Designers who ship are the most valuable hires in tech today. Comment "design" - I'll send you the link to apply.

Felix Lee

34,825 subscribers

164,232 views • 6 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

39 Comments

Felix Lee6 months ago

Already joined by 1,700+ top designers and non-coders. You'll learn the step-by-step full guide on how to vibe-code, build and ship: → Vibe-Coding for Designers: master Cursor and Claude Code → Figma MCP: connect Figma directly to your AI workflow → Vibe-Coding an iOS App: ship real mobile apps, not just web → Context Engineering 101: the skill separating AI hobbyists from pros 🫶 see the love from our community

Felix Lee6 months ago

After getting into the school, you'll get lifetime access to our Builder's Pass 🔥 which will unlock 5,000+ benefits and perks. This includes Stripe, Notion, Framer and more. Founding member enrolment closes in 10 days on March 20th. See you inside!

niti6 months ago

Design ! I’ve been using Claude code + vercel on all my projects, most recently my portfolio: So many more vibe coding tools I’m exciting to delve into :)

John Xie 谢青云6 months ago

designers who ship are the most dangerous people in tech. they see what users need AND can build it. vibe coding just removed the last gate between design thinking and working software.

Felix Lee6 months ago

true

Harshith6 months ago

Figma to Claude" is the interesting bit here, because the bottleneck is usually turning polished mocks into shippable code without losing intent. If the course teaches prompt structure and component constraints, that’s actually useful.

Sidrel6 months ago

This is wild timing — I just shipped a Vibe Design post on Xiaohongshu that blew up (6k+ collects). The insight: designers who can ship are rare, but the gap isn't skill — it's the iteration speed. Claude Code collapses that gap to near zero.

Michiel V6 months ago

designers who can ship are terrifying in the best way. the ones i've worked with who picked up claude code basically became full stack overnight

Hilda6 months ago

Design

OneManSaas6 months ago

The Figma to Claude bridge is brilliant - designers who can prototype their own ideas without waiting for dev cycles are going to dominate. Seen too many great concepts die in handoff hell.

Daniela6 months ago

Design

Kaushiki Sikarwar5 months ago

Design

Armin6 months ago

Design

Space_Dogge5 months ago

Designers who ship > designers who only design. This is the right move. I'm not a designer but I used Claude Code to build a full crypto trading scanner with dual themes — dark mode for night sessions and a cream/luxury mode for daytime. Real-time charts, pattern detection overlays, order book depth visualization. Zero design background. Claude handled the entire UI layer while I focused on what the data should look like. The gap between "idea person" and "person who ships" has never been smaller.

Florian D. Frank6 months ago

design

Hashfi6 months ago

design

Krucsó Gergő6 months ago

design

Boxer Krishnan6 months ago

design

Suhaad6 months ago

design

Dev K6 months ago

Karpathy coined "vibe coding" in Feb 2025. By Dec, he called it obsolete. Not because it failed - because it exposed the real bottleneck: context, not capability. 25% of YC W25 startups: 95% AI-generated code. Claude Code: $1B ARR in 6 months. Most still didn't ship.

foxinal6 months ago

Design

kalyan harshavardhan6 months ago

Design

Joe Ng6 months ago

Design

Pavith kumar5 months ago

Design

Jonathan Anderson-Ingebrigtsen6 months ago

Design

Gagan | Claude + AWS5 months ago

The Figma-to-Claude pipeline is what makes this real for designers. Design sense plus the ability to actually ship the thing you designed is a rare combination - and now it's more accessible than ever. Designers who learn Claude Code have a genuine edge in any product team.

Felix Lee5 months ago

yes agreed, you should read:

Gagan | Claude + AWS5 months ago

been watching designers get faster than devs with this. describe the intent, iterate right there. the figma handoff doc starts feeling like a fax machine. once you see someone ship a polished UI in an afternoon this way, you can't unsee it

Marian Mota6 months ago

Design

Greg Designer6 months ago

Design

xuziye5 months ago

design

Fresh6 months ago

Design

flotantte5 months ago

design

Her Journal6 months ago

Design

Marlin Jayakody5 months ago

Design

Liebe6 months ago

design

Miguel Alex Coelho5 months ago

Design

Eric Puigmarti5 months ago

design

Sagar K6 months ago

design

Related Videos

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,117 views • 6 months ago

UI/UX Designers, here are 50+ high-quality landing pages including top companies. If you want to see how big companies design their websites, get the free Figma file Like this post and comment ”Interested” to receive the Figma link. The file was created by Hugeicons for Designers and Developers.

UI/UX Designers, here are 50+ high-quality landing pages including top companies. If you want to see how big companies design their websites, get the free Figma file Like this post and comment ”Interested” to receive the Figma link. The file was created by Hugeicons for Designers and Developers.

Abraham John 🦄🦓

217,394 views • 2 years ago

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,115 views • 5 months ago

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵

Samraaj Bath ⚡️

29,930 views • 1 year ago

vibecoded a beautiful email sequence + automated sending via Resend — in 2h. > no more waiting 2 weeks for designers. > made a Claude Code skill out of this so you can ship beautiful product update emails the same way 👇 Skill in the first comment

vibecoded a beautiful email sequence + automated sending via Resend — in 2h. > no more waiting 2 weeks for designers. > made a Claude Code skill out of this so you can ship beautiful product update emails the same way 👇 Skill in the first comment

Ira Bodnar

26,775 views • 5 months ago

i'm convinced the most interesting software of the next 5 years won't come from engineers it'll come from designers and artists who finally have the tools to ship the creative artisan arc is here. still early. new project with Anthropic on Claude 🧡

i'm convinced the most interesting software of the next 5 years won't come from engineers it'll come from designers and artists who finally have the tools to ship the creative artisan arc is here. still early. new project with Anthropic on Claude 🧡

cova

199,693 views • 8 months ago

hey designers! do you want to learn webflow (for FREE)? if so, listen up! i'm launching the waitlist to join the early access to the "webflow for designers course" (it's only free if you join the waitlist) to join comment "flow" and i'll send you a dm ps. follow so i can dm

hey designers! do you want to learn webflow (for FREE)? if so, listen up! i'm launching the waitlist to join the early access to the "webflow for designers course" (it's only free if you join the waitlist) to join comment "flow" and i'll send you a dm ps. follow so i can dm

Abdussalam Popoola

28,884 views • 2 years ago

This how the Shopify design team prototypes directly in code Designers using AI tools should copy this Claude Code workflow to shrink project timelines from months to just days 👀 Watch the full interview on Sneak Peek: Shout out to Carl Rivera for making this interview happen 🙏 Kazden shows how the Shopify design team uses Claude for AI prototyping 👇

This how the Shopify design team prototypes directly in code Designers using AI tools should copy this Claude Code workflow to shrink project timelines from months to just days 👀 Watch the full interview on Sneak Peek: Shout out to Carl Rivera for making this interview happen 🙏 Kazden shows how the Shopify design team uses Claude for AI prototyping 👇

Jayneil Dalal

28,525 views • 6 months ago

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;

Broooooo this is so freaking good 🤯 This open-source skill makes AI coding agents generate better-looking UIs. Taste Skill works with Claude Code, Codex, Cursor, Gemini CLI, Lovable, v0 and more. Stops the generic frontend slop. Perfect for developers, vibe-coders & designers who actually want the AI output to look intentional. link;

Manish Kumar

92,665 views • 1 month ago

Today we're announcing AMPLIFAI A masterclass for designers who want to build and ship real SaaS products with AI workflows. What this is: A 4-module course built around a single end-to-end project. You start with a Figma design system and finish with a deployed application. Every exercise builds on the last. The project is the curriculum. The stack: Figma → Claude Code → GitHub → Supabase → Vercel Who it's for: Designers, design leads, and PMs who've been watching the AI wave and want to go from "that's interesting" to "I built that." No prior coding experience needed. No slides about the future of design. You build from day one. Details: → Starts July 1, 2026 → 6-month access → Early bird pricing available until July 15 → This course exists because we wish someone had packaged this workflow a year ago. Would have saved us months of dead ends. If you know a designer who's been curious about this space, we'd appreciate you sharing this with them.

Today we're announcing AMPLIFAI A masterclass for designers who want to build and ship real SaaS products with AI workflows. What this is: A 4-module course built around a single end-to-end project. You start with a Figma design system and finish with a deployed application. Every exercise builds on the last. The project is the curriculum. The stack: Figma → Claude Code → GitHub → Supabase → Vercel Who it's for: Designers, design leads, and PMs who've been watching the AI wave and want to go from "that's interesting" to "I built that." No prior coding experience needed. No slides about the future of design. You build from day one. Details: → Starts July 1, 2026 → 6-month access → Early bird pricing available until July 15 → This course exists because we wish someone had packaged this workflow a year ago. Would have saved us months of dead ends. If you know a designer who's been curious about this space, we'd appreciate you sharing this with them.

Asish Sunny

171,466 views • 2 months ago

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Abraham John 🦄🦓

145,429 views • 9 months ago

More designers should be founders. And we want to back them at YC. Over the next decade, as new coding tools make it easier than ever to build and ship products quickly, great design is going to matter even more.

More designers should be founders. And we want to back them at YC. Over the next decade, as new coding tools make it easier than ever to build and ship products quickly, great design is going to matter even more.

Aaron Epstein

136,523 views • 1 year ago

50+ high quality landing pages including top companies. If you wanted to see how big companies design their websites and get the free Figma file. Like this post and comment ”Hugeicons ” to receive the Figma link. Great for designers and developers

50+ high quality landing pages including top companies. If you wanted to see how big companies design their websites and get the free Figma file. Like this post and comment ”Hugeicons ” to receive the Figma link. Great for designers and developers

Your Designer

172,316 views • 2 years ago

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,694 views • 6 months ago

I see a lot of designers who want to stay "designers," like the role is some kind of warm, fuzzy blanket focusing purely on experience and aesthetics. But this is not how the best designers think. In my interview with Soleio on what separates top 1% designers from mediocre designers, he says it brilliantly: “If you delegate impact to PMs, you cannot ask for the title of excellent.” At the end of the day, it’s your job -- not your manager’s, not your PM’s, not your CEO’s — for your design work to change behavior positively for the user

I see a lot of designers who want to stay "designers," like the role is some kind of warm, fuzzy blanket focusing purely on experience and aesthetics. But this is not how the best designers think. In my interview with Soleio on what separates top 1% designers from mediocre designers, he says it brilliantly: “If you delegate impact to PMs, you cannot ask for the title of excellent.” At the end of the day, it’s your job -- not your manager’s, not your PM’s, not your CEO’s — for your design work to change behavior positively for the user

Julie Zhuo

21,596 views • 5 months ago

Figma -> HyperFrames Designers can now ship launch videos straight from mocks Just copy the link, hand it to your agent, then invoke /figma Every hex, every font, every frame is exactly your design $ npx hyperframes@latest skills

Figma -> HyperFrames Designers can now ship launch videos straight from mocks Just copy the link, hand it to your agent, then invoke /figma Every hex, every font, every frame is exactly your design $ npx hyperframes@latest skills

HeyGen

1,141,460 views • 2 months ago

Introducing the first Full-Stack Vibe Coding Platform powered by Claude Code. Not only can you build a professional mobile app that accepts payments and ship it to the app store... As of today you can build a web app and deploy it to the internet with one click. In celebration of 5000 vibe coded apps published to the app store, we're giving away a free month of vibe coding for those who reply to this post. Reply and we'll DM you credits 👇

Introducing the first Full-Stack Vibe Coding Platform powered by Claude Code. Not only can you build a professional mobile app that accepts payments and ship it to the app store... As of today you can build a web app and deploy it to the internet with one click. In celebration of 5000 vibe coded apps published to the app store, we're giving away a free month of vibe coding for those who reply to this post. Reply and we'll DM you credits 👇

Chorus.com

786,887 views • 8 months ago

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below

Boris Cherny: "Claude Code is 100% written by Claude Code, Cowork is 100% written by Claude Code" across all of Anthropic, 90% of code is written by Claude lawyers, designers, finance people are building real things with Claude Code right now with no CS degree, no background, nothing the people who built the tool use the tool to build the tool think about what that means for everyone else the guide on everything Claude can actually do is in the article below

Anatoli Kopadze

90,364 views • 3 months ago

Stop telling designers to learn to code. It was never about the code. It was about building. And you don’t need code to build anymore. Designers who can direct with taste have the upper hand now. Different skill entirely.

Stop telling designers to learn to code. It was never about the code. It was about building. And you don’t need code to build anymore. Designers who can direct with taste have the upper hand now. Different skill entirely.

DANN©

26,494 views • 2 months ago

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 views • 11 months ago