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

3,194 subscribers

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

agent progress tracker component is here for BoardUI Design System. spent lots of time with claude to get this right, enjoy. 🤝
0:45

agent progress tracker component is here for BoardUI Design System. spent lots of time with claude to get this right, enjoy. 🤝

Mertcan

13,056 görüntüleme • 1 ay önce

medical profile dashboard design for BoardUI Design System lots of subtle micro-interactions and data visualization in this one. designed by hand and coded all with claude opus 4.8. which component or page you’d like to see next? 🤞🏻
0:44

medical profile dashboard design for BoardUI Design System lots of subtle micro-interactions and data visualization in this one. designed by hand and coded all with claude opus 4.8. which component or page you’d like to see next? 🤞🏻

Mertcan

14,290 görüntüleme • 2 ay önce

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,598,925 görüntüleme • 11 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 • 2 ay ö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

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

92,480 görüntüleme • 3 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

DOWNLOAD MASTERCARD DESIGN MD AND BUILD CLEAR WITH CLAUDE CODE people onboard Claude with text designers actually getting results onboard it with a file most never think to write step everyone skips: A design md - plain text rulebook for colors, fonts, spacing, component patterns, tone You don’t write it from scratch - pull a public one from an open design system repo, or literally download a real brand’s guidelines and tell Claude “design like this” Upload it once to a Claude Design system, pick the strongest model, set effort to Max, wait 10-20 minutes for real mockups to review Every project after that pulls your actual brand automatically - zero re explaining your look every single prompt mistake that burns the most hours: designing and coding in the same conversation Claude Design is for visual exploration Claude Code is for production “Mixing them is where beginners lose entire afternoons re litigating decisions that were already made” real workflow, start to finish: design system once - structured brief - first draft - refine with chat, inline comments, sliders - export handoff bundle - Claude Code converts it to a real Next.js app - push, deploy, done 10 dashboards in 10 minutes isn’t the headline Never re explaining your brand again is full below
1:03

DOWNLOAD MASTERCARD DESIGN MD AND BUILD CLEAR WITH CLAUDE CODE people onboard Claude with text designers actually getting results onboard it with a file most never think to write step everyone skips: A design md - plain text rulebook for colors, fonts, spacing, component patterns, tone You don’t write it from scratch - pull a public one from an open design system repo, or literally download a real brand’s guidelines and tell Claude “design like this” Upload it once to a Claude Design system, pick the strongest model, set effort to Max, wait 10-20 minutes for real mockups to review Every project after that pulls your actual brand automatically - zero re explaining your look every single prompt mistake that burns the most hours: designing and coding in the same conversation Claude Design is for visual exploration Claude Code is for production “Mixing them is where beginners lose entire afternoons re litigating decisions that were already made” real workflow, start to finish: design system once - structured brief - first draft - refine with chat, inline comments, sliders - export handoff bundle - Claude Code converts it to a real Next.js app - push, deploy, done 10 dashboards in 10 minutes isn’t the headline Never re explaining your brand again is full below

YARD

31,614 görüntüleme • 10 gün ö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 • 2 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 • 6 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,911 görüntüleme • 1 ay ö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

53,222 görüntüleme • 2 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 • 8 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,572 görüntüleme • 2 ay ö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

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,553 görüntüleme • 1 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,663 görüntüleme • 2 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,937 görüntüleme • 7 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 • 8 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

606,106 görüntüleme • 1 yıl önce