Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Just dropped a 2 hour Claude Design masterclass where I go from nothing, to a brand with guidelines, a pitch deck, landing page, mobile app prototype, and a launch video. All built in Claude Design.

nateherk's profile picture

Nate Herk

27,834 subscribers

273,428 görüntüleme • 4 ay önce •via X (Twitter)

Eğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below
13:31

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below

Rahul

62,098 görüntüleme • 15 gün önce

Ticket purchase interaction for a Cinema mobile app design & interaction exploration. Built with Claude code
0:43

Ticket purchase interaction for a Cinema mobile app design & interaction exploration. Built with Claude code

Favour Dumnoi

194,781 görüntüleme • 3 ay önce

Just used Claude Design to brand my new tech company INTEVOX from scratch. Logo. Colours. Typography. Brand guidelines. All of it. I gave it the concept, a company rooted in integers, the foundation of all computing, and it ran with it. This thing is not a toy. Claude Anthropic
0:52

Just used Claude Design to brand my new tech company INTEVOX from scratch. Logo. Colours. Typography. Brand guidelines. All of it. I gave it the concept, a company rooted in integers, the foundation of all computing, and it ran with it. This thing is not a toy. Claude Anthropic

NM

15,211 görüntüleme • 4 ay önce

A 19-YEAR-OLD DEVELOPER FROM VIETNAM TURNED 6 CLAUDE DESIGN FILES INTO A $12,600/MONTH BRAND SYSTEM most people open claude design and ask for one pretty carousel. he treated it like a production room: logo, brand kit, landing page, pitch deck, mobile app screens and launch creatives from one visual system. the first 48 hours were a credit burner. 70+ messy prompts, 14 layout resets, 3 different color directions and almost nothing usable. the problem was not claude design, it was starting before the brand was clear. then he moved the thinking outside the tool. audience, offer, pricing, visual references, colors and tone were written first. after that, each generation had a job instead of becoming another random experiment. the real unlock was building the design system before the website. typography, spacing, cards, buttons, inputs and hierarchy became the base layer. once that was locked, every asset looked like it came from the same studio. in 11 days he packaged it into 3 client-ready offers: a $1,500 landing page, a $2,800 investor deck and a $4,200 full launch kit. same system, different outputs, way less redesign. fewer prompts. tighter edits. one brand system. read the article below before you burn credits.
0:44

A 19-YEAR-OLD DEVELOPER FROM VIETNAM TURNED 6 CLAUDE DESIGN FILES INTO A $12,600/MONTH BRAND SYSTEM most people open claude design and ask for one pretty carousel. he treated it like a production room: logo, brand kit, landing page, pitch deck, mobile app screens and launch creatives from one visual system. the first 48 hours were a credit burner. 70+ messy prompts, 14 layout resets, 3 different color directions and almost nothing usable. the problem was not claude design, it was starting before the brand was clear. then he moved the thinking outside the tool. audience, offer, pricing, visual references, colors and tone were written first. after that, each generation had a job instead of becoming another random experiment. the real unlock was building the design system before the website. typography, spacing, cards, buttons, inputs and hierarchy became the base layer. once that was locked, every asset looked like it came from the same studio. in 11 days he packaged it into 3 client-ready offers: a $1,500 landing page, a $2,800 investor deck and a $4,200 full launch kit. same system, different outputs, way less redesign. fewer prompts. tighter edits. one brand system. read the article below before you burn credits.

Gipp 🦅

11,913 görüntüleme • 2 ay önce

meet claude design! A simple tool that lets designers prototype and share interactive artifacts built using code.
0:53

meet claude design! A simple tool that lets designers prototype and share interactive artifacts built using code.

nate parrott

114,640 görüntüleme • 4 ay önce

Just open-sourced Open Design Skills 🚀 Your Claude Code still ships ugly web pages. With this design system, any landing page, slide deck, letter, resume, or portfolio gets a world-class, magazine-grade look ✉️.
0:21

Just open-sourced Open Design Skills 🚀 Your Claude Code still ships ugly web pages. With this design system, any landing page, slide deck, letter, resume, or portfolio gets a world-class, magazine-grade look ✉️.

Tom Huang

100,716 görüntüleme • 3 ay önce

Introducing Website to App. Turn any website into an native mobile app. Just paste a URL. Claude Opus 4.6 will code, design, launch and translate a mobile app inspired by the original website. We’ve been using this internally a ton for iOS/Android apps.
0:27

Introducing Website to App. Turn any website into an native mobile app. Just paste a URL. Claude Opus 4.6 will code, design, launch and translate a mobile app inspired by the original website. We’ve been using this internally a ton for iOS/Android apps.

David Ch

2,503,425 görüntüleme • 4 ay önce

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!
0:43

NEW YEAR! NEW SERVICE LAUNCH! 🎉 Finally launching our web development & product development services at Meet my co-founder: Usman S. (My brother) - he will be handling all development services with 6+ yrs of experience! We're offering a retainer at just $3999/month with both design & development services. (more details in website) We have got a killer team of designers & developers! Here's all our services: 1. Landing page design 2. Landing page development Custom Code/Framer 2. App Design 3. AppStore Screenshot design 4. Social Media Designs 5. Ad campaign designs 6. Pitch Deck Design 7. Web App & Dashboard Designs & Development Book a call at now!

Amena

19,831 görüntüleme • 8 ay önce

Anthropic just leaked a new Claude app design, and it’s crazy good
1:01

Anthropic just leaked a new Claude app design, and it’s crazy good

Paul Never

847,492 görüntüleme • 5 ay önce

Introducing Image to App. Turn any image into a native mobile app. Just paste an image. Claude Code Opus 4.6 will design, code, deploy and translate a mobile app inspired by original design. We’ve used this internally a lot for consumer apps on iOS/Android.
0:30

Introducing Image to App. Turn any image into a native mobile app. Just paste an image. Claude Code Opus 4.6 will design, code, deploy and translate a mobile app inspired by original design. We’ve used this internally a lot for consumer apps on iOS/Android.

David Ch

173,647 görüntüleme • 4 ay önce

🎥 New video where I design a dashboard using Claude Code and Wispr Flow. Once again, packed with tons of design tips 🔥
1:01:25

🎥 New video where I design a dashboard using Claude Code and Wispr Flow. Once again, packed with tons of design tips 🔥

Steve Schoger

57,669 görüntüleme • 4 ay önce

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀
0:40

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀

🚨 AI News | TestingCatalog

72,492 görüntüleme • 11 gün önce

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).
18:30

Anthropic released Claude Design TODAY and it's now accessible at I spent the last hour giving it a first look, and shared my thoughts and results in the video below. This is a BIG drop. This is a new design surface from Anthropic, and it changes what "AI design" means. Short version: Claude can now design. Not "describe a design." Not "generate an image of a design." Actual production work — prototypes, wireframes, high-fidelity mocks, slide decks, landing pages — editable, on-brand, and ready to hand off. Here's what stood out on first look: → Real design surfaces Prototypes, wireframes, hi-fi, and slide decks — each with templates and proper structure, not just pretty screenshots. → Comment-based edits Leave a comment on any element and Claude revises it. This is the Figma-style review loop, with the designer replaced by a model that works at 3am. → Brand design systems You can feed it your system — colors, type, components — and it actually respects it. On-brand output, not generic AI slop. → Export anywhere PDF, PowerPoint, Canva, standalone HTML. Plus a built-in handoff straight to Claude Code for engineers to implement. → Import from real tools Figma, GitHub, and captured web elements come in as inputs. Your existing work is the starting line, not the discard pile. → Collaboration Share links for view / comment / edit — the exact tier system teams already expect. What I tested on Opus 4.7: • A 5-slide deck generated from a single screenshot. Claude asked clarifying questions BEFORE generating and shipped speaker notes by default. • A landing page build. Solid first pass, real components, real layout logic. • Multiple chats running concurrently. You can parallelize design work across threads like a small team. Why this matters: PMs, founders, marketers, and non-engineers can now create designs that engineers can actually ship with production-ready output and a claude code handoff built in. The gap between "I have an idea" and "here's a working prototype with my brand applied" just collapsed to minutes. Full walkthrough, live demos, exports, and honest takes on where it breaks below. P.S. • This is an Anthropic Labs product — NOT GA yet. • Claude Design is currently webapp only (no API), and does not yet support the Analytics API, Compliance API, or cost/usage reporting. • Availability: – Default ON for Pro / Max / Team – Default OFF for Enterprise Enterprise admins can toggle it on via RBAC in console (comes with a ~$20/user initial credit).

JJ Englert

32,445 görüntüleme • 4 ay önce

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.
4:19

Spent the day testing Claude Opus 4.7. Last month I built a design director agent for OpenClaw and now it cooks. 15 minutes in, Paper Design MCP + Claude Code had made me a rough draft. In under an hour, a Framer worthy site. My workflow: 1. Feed my agent references so it can extract design systems and lock in on my taste 2. Claude Code calls Paper Design MCP to generate the visual system (just keep the Paper app open) 3. Paper exports the assets and Claude Code then preps the build docs 4. Agent loops back, critiques, iterates Got no clue why anyone is paying $10K for a website anymore. It’s easy now.

klöss

14,585 görüntüleme • 4 ay önce

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
0:48

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

I put together a one hour video on how I've been using Claude Code as my primary design tool. Packed with tons of 🔥 design tips.
1:00:31

I put together a one hour video on how I've been using Claude Code as my primary design tool. Packed with tons of 🔥 design tips.

Steve Schoger

1,014,521 görüntüleme • 5 ay önce

Big news, Claude just got a major upgrade today in Shipper, and we're very honoured to present it. From today on, Claude Opus 4.6 can build full-stack apps from natural language. We just launched a full-stack app builder for Claude to: → Turn ideas into apps: website, web/mobile app, extension etc → Code, design, launch, monetize → Do email marketing → Automatically translate its work → Self-maintain the apps it builds Claude's most powerful models can do all the above from a <10 word prompt, for as low as $0.28/app... And it takes minutes! Simply go to shipper, then ask Claude to "create a language-learning app" or "build a SaaS that charges $29/mo"! To celebrate the launch, we're giving away free credits randomly. Repost and comment "shipper" and we'll pick the winners.
0:45

Big news, Claude just got a major upgrade today in Shipper, and we're very honoured to present it. From today on, Claude Opus 4.6 can build full-stack apps from natural language. We just launched a full-stack app builder for Claude to: → Turn ideas into apps: website, web/mobile app, extension etc → Code, design, launch, monetize → Do email marketing → Automatically translate its work → Self-maintain the apps it builds Claude's most powerful models can do all the above from a <10 word prompt, for as low as $0.28/app... And it takes minutes! Simply go to shipper, then ask Claude to "create a language-learning app" or "build a SaaS that charges $29/mo"! To celebrate the launch, we're giving away free credits randomly. Repost and comment "shipper" and we'll pick the winners.

Shipper

232,653 görüntüleme • 4 ay önce

Playing around with Paper and Claude . My app prerequisites were in Notion: planning, market research, user research, competitors, JTBD, ideation. I asked Claude to read this page and design an app in Paper, based on what it just learned.
1:00

Playing around with Paper and Claude . My app prerequisites were in Notion: planning, market research, user research, competitors, JTBD, ideation. I asked Claude to read this page and design an app in Paper, based on what it just learned.

Lisa Demchenko

34,411 görüntüleme • 5 ay önce

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!
18:47

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!

Viktor Oddy

3,356,465 görüntüleme • 4 ay önce

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:
0:51

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:

Jerrod Lew

36,749 görüntüleme • 4 ay önce