Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Asked Claude to design me a typography system and, wow

NateWatkin's profile picture

Nate

4,374 subscribers

47,602 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

asked claude fable 5 to design a qdd actuator it also animated the gearbox and inspected collisions as part of the validation loop ~ 30 minutes / 400k tokens
0:10

asked claude fable 5 to design a qdd actuator it also animated the gearbox and inspected collisions as part of the validation loop ~ 30 minutes / 400k tokens

Jake Fitzgerald

325,867 Aufrufe • vor 2 Monaten

asked claude fable 5 to design spacex starship with mechazilla it modelled the first stage boosters and even animated a chopstick catch at the end absolutely insane
0:17

asked claude fable 5 to design spacex starship with mechazilla it modelled the first stage boosters and even animated a chopstick catch at the end absolutely insane

Jake Fitzgerald

51,787 Aufrufe • vor 1 Monat

asked claude fable 5 to design a 16dof articulated robot hand it also wrote a robot description file (urdf) for the hand ~ 1 hour / 300k tokens
0:13

asked claude fable 5 to design a 16dof articulated robot hand it also wrote a robot description file (urdf) for the hand ~ 1 hour / 300k tokens

Jake Fitzgerald

318,229 Aufrufe • vor 2 Monaten

In our Anthropic Claude Design study, 5 designers approved a design system before they typed their first prompt. >Brand palette >type system >components the whole thing all set up. Only 1 of them named any of it in their opening prompt. That designer was the only one to finish production-ready. The other 4 assumed Claude would carry the system over. It didn't. TLDR: Claude doesn't reliably carry the design system you just approved. If you don't name it in the prompt, it doesn’t exist. It's never been a better time to be a designer, but you must learn the art of the prompt.
0:16

In our Anthropic Claude Design study, 5 designers approved a design system before they typed their first prompt. >Brand palette >type system >components the whole thing all set up. Only 1 of them named any of it in their opening prompt. That designer was the only one to finish production-ready. The other 4 assumed Claude would carry the system over. It didn't. TLDR: Claude doesn't reliably carry the design system you just approved. If you don't name it in the prompt, it doesn’t exist. It's never been a better time to be a designer, but you must learn the art of the prompt.

ben

163,778 Aufrufe • vor 2 Monaten

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

57,779 Aufrufe • vor 3 Monaten

A little bit about the project we are working on! ☠️ Direction and Design ZULTRA © Motion howka Typography BleachFX 3D Niight
0:15

A little bit about the project we are working on! ☠️ Direction and Design ZULTRA © Motion howka Typography BleachFX 3D Niight

ZULTRA ©

32,852 Aufrufe • vor 9 Monaten

a few people asked me how i timed the raccoon animation on my portfolio! i basically asked claude to generate me a red line to visualized its path, and used joshpuckett's dialkit to tinker around (adjusting the slope, peaks, etc.)
0:11

a few people asked me how i timed the raccoon animation on my portfolio! i basically asked claude to generate me a red line to visualized its path, and used joshpuckett's dialkit to tinker around (adjusting the slope, peaks, etc.)

Fiona Fang

23,582 Aufrufe • vor 28 Tagen

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!
0:15

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!

Daybreak

197,065 Aufrufe • vor 10 Monaten

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇
0:17

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇

Muhammad Ayan

161,823 Aufrufe • vor 3 Monaten

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
0:16

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

Yan Liu

67,083 Aufrufe • vor 2 Monaten

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,245 Aufrufe • vor 4 Monaten

3D Digital Agency Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓
0:16

3D Digital Agency Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓

Viktor Oddy

65,838 Aufrufe • vor 2 Monaten

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)
0:18

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

368,004 Aufrufe • vor 3 Monaten

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)
0:17

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)

Mike Futia

42,932 Aufrufe • vor 2 Monaten

Gemini vs Claude Claude has started to get really damn good at design. Prompt below ↓
0:10

Gemini vs Claude Claude has started to get really damn good at design. Prompt below ↓

Viktor Oddy

186,717 Aufrufe • vor 4 Monaten

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).
0:15

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).

Nick Babich

52,116 Aufrufe • vor 2 Jahren

unfortunately, Claude Design is about to lead to a flood of meditation apps in App Store
0:16

unfortunately, Claude Design is about to lead to a flood of meditation apps in App Store

Trung Phan

131,298 Aufrufe • vor 3 Monaten

People designing in Claude with zero design experience scares but inspires me!
0:17

People designing in Claude with zero design experience scares but inspires me!

Viktor Oddy

20,071 Aufrufe • vor 11 Tagen

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)
0:13

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

37,836 Aufrufe • vor 2 Monaten

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS
0:16

SOMEONE BUILT A PERSONAL AI DASHBOARD WITH CLAUDE DESIGN AND OPUS 4.7 AND IT FEELS LIKE A PERSONAL OS

leopardracer

316,181 Aufrufe • vor 3 Monaten