Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 16 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 10 ay önce

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 görüntüleme • 23 gün önce

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 görüntüleme • 17 gün önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 7 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 ay önce