正在加载视频...

视频加载失败

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

121,090 次观看 • 6 个月前 •via X (Twitter)

46 条评论

Thariq 的头像
Thariq6 个月前

┏┓ ┃┃╱╲ in ┃╱╱╲╲ this ╱╱╭╮╲╲house ▔▏┗┛▕▔ we ╱▔▔▔▔▔▔▔▔▔▔╲ are @nateparrott appreciators ╱╱┏┳┓╭╮┏┳┓ ╲╲ ▔▏┗┻┛┃┃┗┻┛▕▔

nate parrott 的头像
nate parrott6 个月前

prototyping with code gives designers superpowers. but dev setup, sharing and iteration are hard. nothing kills a fragile idea faster than a code review. Claude Design is a super-fast sandbox for sharing and iterating on early ideas, before handing off to Claude Code.

nate parrott 的头像
nate parrott6 个月前

Here’s how we use it: 1. attach your real codebase, screenshots or mocks 2. describe what you want, through text, voice or sketches 3. Iterate with edit tools 4. share, get feedback, handoff

nate parrott 的头像
nate parrott6 个月前

We’ve made it easy to give inline comments, edit text, and adjust sizing. And you can ask the model for TWEAKS — little sliders or menus — to dial in ANY aspect of the design.

nate parrott 的头像
nate parrott6 个月前

What I love about designing with code is that you can do so much more beyond static mocks. Here’s a prototype using voice + video input to comment on a doc. It’s fun! Our goal is to give designers the power of code plus the ease and control of other tools.

nate parrott 的头像
nate parrott6 个月前

html is an incredible medium for design. it's interactive. it's shareable. it can do anything. ^ the intro video above was made in claude design -- all from html!

nate parrott 的头像
nate parrott6 个月前

When you onboard, you teach Claude your company’s design system. Then, anyone can use it. All that hard work building your brand — now *everyone* can apply it correctly. For everything.

nate parrott 的头像
nate parrott6 个月前

check it out at and let us know what you think!

Alex Albert 的头像
Alex Albert6 个月前

🐐

Andy Allen 的头像
Andy Allen6 个月前

Saw your fingerprints on this from a mile away :)

Brian Lovin 的头像
Brian Lovin6 个月前

Congrats on shipping! Excited to play with this

Robert Bye 的头像
Robert Bye6 个月前

Hands down my fave tool for design riffing 🔥

Damian Pickett 的头像
Damian Pickett6 个月前

Looks really cool @nateparrott! Me and my design team have been exploring generating HTML graphics for our website with Claude based on graphics we’ve created in the past in Figma. Reckon Claude Design will be a good solution for this over Claude chat + skill?

nate parrott 的头像
nate parrott6 个月前

yes! same experience as Claude Code, but: 1. easier to share 2. easier to tweak 3. you can build a shared design system for your team 4. on the web!

Damian Pickett 的头像
Damian Pickett6 个月前

Awesome. I know what I’m trying out this weekend Any chance we can get a tutorial on making videos like the one you’ve made too?

Alex Volkov 的头像
Alex Volkov6 个月前

Nate you were involved?? Amazing, I'm going to live test this with first reactions, feel free to tune in (or hop on if you'd like)

JoeH2811 的头像
JoeH28116 个月前

Loving this so far! Fantastic job. I'll use this a lot. Regards bugs, I encountered this errror at one point:

nate parrott 的头像
nate parrott6 个月前

looking into it!

cbro 的头像
cbro6 个月前

hi the local file access is very cool but it got stuck...

nate parrott 的头像
nate parrott6 个月前

will take a look!

cbro 的头像
cbro6 个月前

<3 the project id is d28a30da-26d1-414c-b49d-be63d36a2f43 if that helps at all

freia 的头像
freia6 个月前

Happy Friday, NATE

Dan Moreno 的头像
Dan Moreno6 个月前

legend

Taylor Lorenz 的头像
Taylor Lorenz6 个月前

Oh WOWW

juan 的头像
juan6 个月前

SO cool

Ridd 🤿 的头像
Ridd 🤿6 个月前

maybe I'm missing something but is there no public share link? like I have to either go through Claude Code and deploy somewhere or I can only share with people I add to my team?

AI Mastery Guide 的头像
AI Mastery Guide6 个月前

designers are gonna eat with this one fr

Aaron Aalto 的头像
Aaron Aalto6 个月前

love it!

Mo 的头像
Mo6 个月前

@svlleyy Excited to play with this

Christophe Pasquier 的头像
Christophe Pasquier6 个月前

Absolutely insane, no words, mein gott, omg

Jyothi Venkat 的头像
Jyothi Venkat6 个月前

Thanks nate! Bookmarked it, been blown away so far

Pedro Mora Romero 的头像
Pedro Mora Romero6 个月前

for max plan !!!

Emmanuel Isenah 的头像
Emmanuel Isenah6 个月前

Love this!

Bnaf.OG | 🟧 的头像
Bnaf.OG | 🟧6 个月前

The 2000px cap is a hard multi-image API constraint — Opus 4.7's 2576px upgrade applies per-image only in single-image context. When images stack across turns, the many-image path kicks in with the old limit. /compact helps, but cap screenshots under 2000px wide to prevent.

synccreation 的头像
synccreation6 个月前

its soooo over omg

Michael Slade 的头像
Michael Slade6 个月前

Bug with token limit - Hit limit absurdly quickly on 5x. Upgraded to 20x but it hasn't unlocked any more tokens Would appreciate any guidance!

nate parrott 的头像
nate parrott6 个月前

we’re looking into it!

Matthew Paul 的头像
Matthew Paul6 个月前

Congrats on the launch! Huge.

Raj 的头像
Raj6 个月前

the next big thing ! <3

Gui Schmitt 的头像
Gui Schmitt6 个月前

congrats nate! this looks incredible

Konrad Bachowski 的头像
Konrad Bachowski6 个月前

"Interactive artifacts built using code" is the right framing. Ran it with a CRO-structured skill as input rather than a loose prompt - output was production grade on first pass, 2 tiny fixes. Full session (PL):

Buff Pesos 的头像
Buff Pesos6 个月前

this video is from the old version of the desktop app?

Master Oogway 的头像
Master Oogway6 个月前

You guys did an amazing job

Zuko 的头像
Zuko6 个月前

THIS IS IT.....

Magica 的头像
Magica6 个月前

Imagine paying for every individual prototyping tool when you could just use Galaxy and have it all in one tab.

Antonio Mrak 的头像
Antonio Mrak6 个月前

Will this be available in the Mac desktop app?

相关视频