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,838 subscribers

163,362 views • 4 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

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 • 4 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,228 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 • 3 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 • 3 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 @anthropicai 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 @anthropicai on Claude 🧡

cova

199,126 views • 6 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,882 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 • 4 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 • 7 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,442 views • 1 year 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,573 views • 4 months 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,127 views • 2 years 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,519 views • 2 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 • 1 month 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,093,121 views • 4 days 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 • 5 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©

25,221 views • 7 days 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 • 9 months ago

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.

Alex Barashkov

37,789 views • 5 months ago

Introducing Kombai 2.0 - the first AI design engineer. We keep hearing that AGI is almost here. Still, we’re stuck with coding agents that don’t have taste and design tools that don’t understand our codebase. Both are artifacts of a world where design and engineering were two different jobs, with a handoff in between. That world is changing fast. Today, designers ship code, engineers want to escape handoffs, and everyone wants to build tasteful UX. Kombai is built for this new world. Design and engineering, finally on the same side.

Introducing Kombai 2.0 - the first AI design engineer. We keep hearing that AGI is almost here. Still, we’re stuck with coding agents that don’t have taste and design tools that don’t understand our codebase. Both are artifacts of a world where design and engineering were two different jobs, with a handoff in between. That world is changing fast. Today, designers ship code, engineers want to escape handoffs, and everyone wants to build tasteful UX. Kombai is built for this new world. Design and engineering, finally on the same side.

Dipanjan Dey

438,135 views • 1 month ago