Loading video...

Video Failed to Load

Go Home

calendar component is ready for BoardUI Design System designed it manually, coded it with claude as usual. 🤝

sitenley's profile picture

Mertcan

2,762 subscribers

24,728 views • 16 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.
0:33

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,596,081 views • 10 months ago

I still don't think people understand what just happened with Claude Code. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)
0:37

I still don't think people understand what just happened with Claude Code. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

146,206 views • 23 days ago

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)
0:37

Claude Code is CRACKED at design now and I don't think people understand how BIG this is. There is now one tool that takes you from a rough idea to fully designed, agency-tier, App Store-ready screens in minutes. One design system, every screen, real native code. Most builders hand design to Claude Code, get AI-default screens, and wonder why their app looks like every other vibe coded project. This is the 3-step workflow that fixes it: (full breakdown in the article)

Prajwal Tomar

105,433 views • 17 days ago

THIS GUY VIBE CODED A $3B APP IN 13 MINUTES WITH CLAUDE Bookmark this and check it out tonight 13 minutes. Claude Design + Codex no team. no agency. no prior experience. Claude Design → Codex → 13 Minutes → $3B
25:56

THIS GUY VIBE CODED A $3B APP IN 13 MINUTES WITH CLAUDE Bookmark this and check it out tonight 13 minutes. Claude Design + Codex no team. no agency. no prior experience. Claude Design → Codex → 13 Minutes → $3B

Kirill

91,852 views • 2 months ago

UI/UX Designers, Go-to these websites for design system resources. Bookmark it for later 💜 Guide → Checklist → Database → Resources → Component research →
0:20

UI/UX Designers, Go-to these websites for design system resources. Bookmark it for later 💜 Guide → Checklist → Database → Resources → Component research →

Abraham John 🦄🦓

120,312 views • 2 years ago

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers
0:51

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,199 views • 1 month ago

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇
2:03

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

65,513 views • 5 months ago

lmao this is so funny, if you ask Kimi K3 for something with an empty system prompt it will consistently think of itself as Claude
1:04

lmao this is so funny, if you ask Kimi K3 for something with an empty system prompt it will consistently think of itself as Claude

Alula

81,600 views • 7 days ago

Here is what i cooked, i made it for my gf 💕 Designed in Figma, built with Claude code and Gemini
0:46

Here is what i cooked, i made it for my gf 💕 Designed in Figma, built with Claude code and Gemini

Stefan

52,152 views • 1 month ago

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.
1:12:40

Jenny Wen, head of design for Claude at Anthropic: "the design process is dead." what replaces it runs on machine-readable design systems In a 1-hour conversation, Jenny Wen breaks down why the discovery -> mock -> iterate loop is dying and what designers do instead. design system -> Claude Code -> every screen fixed at once, not one at a time i rebuilt the same 10-screen dashboard twice: ~6 hours of restyling by hand vs ~40 minutes when the fix lived in the system. how to build that system and hand it to Claude Code is in the article below.

Mnimiy

180,244 views • 1 month ago

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA
1:16

We rebuilt - entirely vibe coded with Claude Code & Opus 4.5. If this site was built manually, it would have cost over $50K. Instead, I was able to build it in 2 weeks with Claude Code. For the first time in our company's history, the marketing site isn't in Webflow. It's been live for 2 weeks. Nothing broke. Performance and vitals are perfect. AMA

Julian Galluzzo

45,632 views • 6 months ago

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?
1:17

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Pietro Schirano

206,507 views • 1 year ago

Global IT system outage for Deutsche Lufthansa flight planning system. Planes will be boarded manually but system needs to be operational for departure. #MSC2023 #munichsecurityconference #IT #security
0:44

Global IT system outage for Deutsche Lufthansa flight planning system. Planes will be boarded manually but system needs to be operational for departure. #MSC2023 #munichsecurityconference #IT #security

Benjamin Rohé 🇪🇺🇩🇪 🇸🇪

40,710 views • 3 years ago

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

113,513 views • 1 month ago

GM everyone The name of the plugin is Figr and this is the fastest i’ve designed a design system.. i like it more cos if its flexibility. Kindly retweet for others
4:38

GM everyone The name of the plugin is Figr and this is the fastest i’ve designed a design system.. i like it more cos if its flexibility. Kindly retweet for others

TEMITOPE-UI/UX

20,832 views • 6 months ago

The design system to do list widget is now live! It's a tool to help check off component requirements before it gets to production: states, accessibility, documentation, tokens The goal is to bridge design and dev, increasing confidence in production
1:18

The design system to do list widget is now live! It's a tool to help check off component requirements before it gets to production: states, accessibility, documentation, tokens The goal is to bridge design and dev, increasing confidence in production

luis.

18,751 views • 7 months ago

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:
0:05

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:

Thariq

605,829 views • 1 year ago

so far the best way to design with Claude is to stop prompting and praying. design *together* with it. this is me on Lunagraph , designing the app's sidebar.
0:27

so far the best way to design with Claude is to stop prompting and praying. design *together* with it. this is me on Lunagraph , designing the app's sidebar.

Putri Karunia

20,142 views • 3 months ago

It is probably the best Claude Design tutorial under 32 minutes It is by UI Collective Academy
31:57

It is probably the best Claude Design tutorial under 32 minutes It is by UI Collective Academy

Elias

98,208 views • 2 months ago