Thoughts and feelings around Claude Design

https://samhenri.gold/blog/20260418-claude-design/

by cdrnsf • 3 months ago

387 241 3 months ago

samhenri.gold

dang• 3 months ago

Recent and related:

Claude Design - https://news.ycombinator.com/item?id=47806725 - April 2026 (732 comments)

mojuba• 3 months ago

Excellent post. I share the author's sentiment which is essentially "to hell with Figma, at least fix Sketch". Been feeling very lonely in may hatred towards Figma, which is for a whole bunch of reasons (among others, it's an incredibly shitty, memory and CPU hungry Electron app that looks and feels worse than any more or less well designed web site), but now after reading this I realize the number of reasons has doubled.

ghoulishly3• 3 months ago

(author of the post here) I cut a paragraph how Figma costs cuckoo bananas money for your entire team for the privilege of enduring this byzantine nightmare. And they paywall certain features, which you likely can't get authorization for, so you have to do more hacks on top of hacks on top of the “gold standard” practices I shared in the blog post. The price ramp is not gradual.

cptcobalt• 3 months ago

man, I dont even use Figma for personal & side projects because its so expensive. I still occasionally fire up sketch or freehand it.

Figma is a work tool only and I'm disappointed by its MCP tooling which feels late and behind where it should be, I just feel forced to use Figma Make which stays in their walled garden without practical utility and connections to my actual codebases

democracy• 3 months ago

I think this is what kills them, not AI. I know 2 companies (enterprise level) who are migrating away from Atlassian atm just gets too costly.

dygd• 3 months ago

It may look like a crappy Electron app, but Figma has a quite interesting architecture. The browser editor is developed in C++ and cross-compiled to JavaScript with emscripten. The rendering engine looks like its handling HTML, but it's actually rendering their own document format for cross-browser consistency. They have their own CRDT implementation to handle multi-user edits.

[0] https://www.madebyevan.com/figma/building-a-professional-des...

[1] https://www.madebyevan.com/figma/

[2] https://www.madebyevan.com/figma/how-figmas-multiplayer-tech...

love2read• 3 months ago

I think my biggest question is who cares? What does having an interesting internal architecture have to do with the “its electron though” ideological attack.

klueinc• 3 months ago

When you can control the model layer like Anthropic, you get more leverage over the traits of the persona, enough so that the system feels closer to havin consistent expert design judgment built-in that complements the 'truth-to-materials'.

sebmellen2• 3 months ago

This design tool space died a long time ago for me when InVision shut down and pivoted to a digital whiteboard. It’s a really difficult space.

But the fundamental problem is that it’s hard to get a design system right long-term, especially because it’s so intertwined with your code and whatever component library you use, which is a layer your designer will never touch. I don’t really see Claude Design fixing the fundamental Storybook hell of designing reusable and pretty components and layouts, but I don’t see Figma or any other tool solving it either.

What’s the solution? It feels like something that needs to be fixed more deeply at the component level.

doug_durham2• 3 months ago

What if the approach isn't reusable, but instead is rebuildable? We are stuck in the mindset of creating components that we can grab and plug in to new designs. When we have a component that we like, why not ask the tool to create a markdown definition of it. Later on, when we're doing a new design where we would like to reuse that component, we tell the tool to read the markdown and use that whenever they need to use that component. I think the future will be much more flexible and interesting.

sebmellen2• 3 months ago

I don’t know what level of complexity you’ve seen in your software buildouts, but at anything “enterprise” scale, building your own components from scratch is a recipe for absolute disaster. There are so many nuances, especially with accessibility, and edge case bugs, that I would really strongly recommend against it. And by extension, I’d be against this approach.

Maybe you could make it work if everyone agrees on a base set of headless components to use, but we seem to be moving in the opposite direction with things like ShadCN.

girvo3• 3 months ago

I don’t really see Claude Design fixing the fundamental Storybook hell of designing reusable and pretty components and layouts

FWIW Claude Code is decent at scaffolding those out if you have a good set of examples for it to work from.

But the argument is that is unneeded as we move forward as making changes and extracting things and such becomes basically "free". I'm not so convinced, but I do see the argument.

hbosch3• 3 months ago

The solution is an open, flexible, scriptable and drawable canvas where design and code co-exist in exact harmony. Design changes directly modify front-end code, and front-end code directly modifies design equivalently. I see the endgame as a model where designers and FEE's are co-owners and co-authors of the front-end with zero handoff.

tokioyoyo• 3 months ago

Dreamweaver?

swader999• 3 months ago

Flash! Those were the days lol.

t0mas88• 3 months ago

Microsoft Frontpage

operatingthetan10• 3 months ago

Front-end, UX, design, and product have become one role. The market is just realizing it slowly.

esafak5• 3 months ago

So your designers debug your React code now when the AI messes up?

operatingthetan10• 3 months ago

Leading question, feel free to ask a more honest one.

micromacrofoot3• 3 months ago

I've been a developer for over 2 decades and I've been using AI in our react codebase for the past 3 months. Outside of some optimizations there's not much a designer couldn't debug through Claude Code. 90% of the industry is toast.

I want to be wrong because I'm watching the death of my entire career, but everything I've seen is pointing to this as an inevitability. We are shipping better and more secure code, and doing it easily twice as fast. Many development teams can be cut in half today with no reduction in output. I don't want to say it out loud at work yet, but we're actually producing too much.

only-one17015• 3 months ago

That’s what CEOs think lol. Let’s see if it pans out!

doug_durham2• 3 months ago

In my opinion this should have always been the case. All designers should be able to code and do html/css. It's the medium of design.

mikert893• 3 months ago

Basic web development is completely over, and will be automated end to end, product, ux, design, and the code.

I have a complicated nextjs webapp, and I havent had to write front end code in six-nine months now.

only-one17015• 3 months ago

If it’s used by < 1000 people, it’s not a complicated app

girvo3• 3 months ago

FedRAMP will be the death of me.

mikert893• 3 months ago

so like 90% of software?

slopinthebag5• 3 months ago

Congrats? You did what my manicurist could do 5 years ago with Wix.

wuhhh• 3 months ago

Great article, the last couple of paragraphs made me laugh! I love the part about things not masquerading as something else and being honest about what they are.

I was wondering if PenPot (https://penpot.app) might be sitting pretty in this new agentic era, considering that they took the direction of designs being actual markup, unlike the canvas approach in fig - if that’s even something that interests them.

rapnie2• 3 months ago

Wasn't the whole Penpot UI itself made in SVG? Or did they change that along the way?

alkonaut• 3 months ago

So let me get this straight (Pretend I'm 50, a developer since childhood, but I can't CSS to save my life) are there shops where developers, even front end developers, have to talk to designers who are't just sketching an idea for a logo or landing page, but designers who run this Figma thing and maintain the entire products "design" in some "style database"? And the idea is that these designers - who aren't developers - should be able to tweak the look of things without changing code? Or is it usually just the front end devs that run this Figma thing, but they dislike the disconnect between it and their code?

skydhash3• 3 months ago

UX designers I encountered have mostly been tasked on ensuring consistency across the various product (A lot of devs are very cavalier about spacing and font sizes). Sometimes they proposed new flows and layouts, especially when the product needs a coat of paint.

So tools like Figma is nice in that regards as it's simpler to iterate on (From simple to hardest: Sketch on whiteboard|paper, Wireframe tools like Balsimiq, Figma|Sketch, css code) because it's pure fiddling with various properties. Figma has direct feedback while the code may require a compilation phase.

kevinsync• 3 months ago

lol yes. At least in agency world, a common approach in the last X years has been that designers create entire pixel-perfect, component-based sources-of-truth in Figma (which evolve! they aren't delivered static and complete) -- these are also what the client sees and approves, or at the very least they see branded deck slides that incorporate the Figma designs. Anyways, front end then re-implements from Figma into CSS, except it's usually best-approximation (not pixel-perfect) partially because, despite Figma allowing you to "copy CSS" for an element, it's unusable, almost inline CSS (and usually not aware of its ascendents and descendents, or any variables you're maintaining in CSS, or any class hierarchies, etc), and partially because the units of measurement aren't always identical on either side. You'll also often have multiple FE devs recreating components independently of each other (as a team effort), which can lead to drift and different implementations, which is fun. Then, depending upon the tech stack, FE might be building these components in something like Storybook [0] as a "front end source of truth", which then are either directly injected into a React or NextJS app or whatever, or sometimes they're partially or fully re-implemented again into BE components in the CMS (ex. Sitefinity). Then people ask which one is the source of truth, but really it's a chain of sources of truth that looks more like the telephone game than a canonical "brand bible". Then throw in any out-of-the-box future client efforts (say, a promotional landing page hosted outside of the main project) and you may have yet another reimplementation of part of the same design, but in a completely different system.

[0] https://storybook.js.org

Hammershaft• 3 months ago

I've directly experienced this and it is roughly as sane and effective as it sounds.

siquick• 3 months ago

This is exactly my experience of working in an agency. Made worse by Figma defaulting to 1440px so every design only really works at that width.

douglee6502• 3 months ago

Yah you get this inner platform effect where designers start unwittingly creating their own version of css using Figma and it gets really bespoke really fast.

fleeting900• 3 months ago

We only have the Figma and Storybook layers (product not agency) but these two comments paint an accurate picture of the absurdity. Thank you!

freeone3000• 3 months ago

Why don’t we just teach the designers code / the coders design? This feels very Programmer-Analyst split

nailer2• 3 months ago

Don’t hire anyone that is a front end designer and doesn’t implement their own CSS. This applied 15 years ago when it was photoshop people faking design skills.

xnx2• 3 months ago

Architects draft buildings on computer because building in the real world is time consuming, expensive, and cannot be undone.

It's says something about the way things are now that we no longer go straight to building the digital interface, but instead make a fake digital interface first.

jbmsf• 3 months ago

I'm not sure about "without changing code" but I have definitely seen the believe that Figma represents something authoritative about the product instead of, say, the product being authoritative for itself.

Perhaps because I have a similar bio to yours, I am allergic to this view.

monkpit• 3 months ago

Replace the word figma with the word “specification” and it seems pretty reasonable to me. Same thing. It’s not a belief, it’s a process.

gregsadetsky2• 3 months ago

@kevinsync's answer is 100% correct and it's been this way for the last ~~~20? years? at least - only it was "Photoshop files hold the (design) truth" before - now it's figma.

But yes, the "design to code" gap has always been where designers' intentions were butchered and/or where frontend developers would discover/have to deal with designs that didn't take into account that some strings need more space, or what to do when there are more or less elements in a component, how things should scroll in real life, how things should react to a variety of screen sizes, etc.

this short meme video is funny/not funny because it hits too close to home - https://www.youtube.com/shorts/r6JXc4zfWw4 - but yes, "designers don't code and developers don't design", roughly speaking

and then of course you meet some people who do both really well... but they are pretty rare. :-)

markdown• 3 months ago

only it was "Photoshop files hold the (design) truth" before

You mean Fireworks. Photoshop was for graphic design. Web designers used Adobe Fireworks. Figma is a successor to Fireworks, not Photoshop.

peteforde2• 3 months ago

It's a real shame that people bought into this false dichotomy, because the base reality is that people who work in web dev that stubbornly pick either code or layout are more of a liability than an asset.

I don't believe that people who can design and code are as rare as folks seem to believe, either. What seems more likely is that there are a LOT of coders who are extremely fluent in CSS but aren't particularly gifted when it comes to making things look good.

It wasn't that long ago that designers understood that they couldn't just hand off a 2D comp of what they want to see. The job isn't done until the output can be integrated into the app. Nobody gets to launch cows over the wall and go for lunch.

sarchertech• 3 months ago

It’s just one more example of people realizing that the code is the spec.

SwellJoe• 3 months ago

Yes, Figma is the de facto standard for how designers hand off a UI design to developers in large (and some small) companies.

It's kind of horrible, but I guess it's better than previous alternatives. But, it's not better than a tool that works with code directly and mostly automates away the tedium or translating a visual design into code. I haven't tried Claude Design, but I know I don't find Figma enjoyable (but I'm not much of a designer...I'm more comfortable with code than with pages and pages of options in a GUI).

satvikpendem2• 3 months ago

In a bigger company, yes, as it's required to make sure every engineer implements everything in the same way without differences in style over time.

ianstormtaylor3• 3 months ago

The article makes a good point about how Figma's non-open data model is limiting their utility as the source of truth.

But I think it's part of a larger mistake Figma is making: they seem to have shifted to an extraction mindset too early, assuming they'd captured the market, right when the ground beneath them is starting to shift.

It's most visible in their pricing model evolution, which is now explicitly anti-collaboration. Figma used to be the obvious default because you could quickly share files with non-designers, so they could view and make small edits without fuss. Now that requires a paid "seat", along with a confusing mess of permission flows.

It's platform wide too. I taught a college design class recently, and had students sign up for Figma because it seemed archaic not to teach them to use it. Instead of just giving any ".edu" address a free account (like they used to) students are forced through a 3rd-party process of uploading transcripts to prove education status. A few of my students got rejected or ran into confusing errors, and never got access… Now I have to re-evaluate whether its worth using when teaching the class again. (And this is for a population with near-zero short-term purchasing power, but huge potential long-term value… why add barriers?)

This is such a weird self-inflicted wound for a collaboration platform to make. The big tools that won on collaboration (eg. Google Docs, GitHub) have understood that low-friction sharing is critical to becoming the default choice. And that being the default is a flywheel that drives adoption, both in users and in tooling.

It makes more sense if you see it through the lens of Figma trying to juice short-term numbers for their IPO. But it's sad to see because it had so much long-term potential.

davemp2• 3 months ago

The big tools that won on collaboration (eg. Google Docs) have understood that low-friction sharing is critical to becoming the default choice.

Google docs is a heavily subsidized product and not representative.

Also tool pricing seems hard, but I can’t really get behind saying that a company should bait and switch with their pricing models harder.

ianstormtaylor3• 3 months ago

Under that logic is a free trial a bait and switch? How about a 1-month free deal? How about what Adobe (and many others) do where they license to the school and students get it free until they graduate?

It seems like a really weird point to make, when you could just as easily argue that Figma giving their services for free to students is a gift that levels the playing field, by allowing students without means to gain experience with industry standard tools they might not have been exposed to otherwise.

It’s not zero-sum.

redwood• 3 months ago

Watching the hive mind of the industry go almost overnight from inVision to Figma shows there's just no mote in this segment... people can leave just as quickly as they came, have no loyalty, and are all about fashion and vibes.

uxcolumbo4• 3 months ago

Not sure you can compare Invision to Figma. Invision wasn't a design tool like Figma is.

Design systems live in Figma. Not going to be so easy to migrate and Enterprise customers are moving slowly.

nate8bit• 3 months ago

Some good points, but as a whole - I'm not sure if I agree. Sketch lost to Figma because of it's design tooling & multiplayer. Physical products still get designed before being constructed - I don't see that going away. If anything, I think Figma should stop trying to play both sides of the field and decide what it wants to be.

dewey• 3 months ago

Sketch lost to Figma because of it's design tooling & multiplayer.

Or maybe because you could just send a Figma link to anyone in your org and it opened in the browser vs having to tell them to download some Mac app and open a specific file that will get outdated over time.

russelldjimmy• 3 months ago

Correct, though I believe the parent comment covered that under the broad interpretation of “multiplayer”

markbao• 3 months ago

I don’t really buy that Claude Design will remove all the complexity around design. Vibe-coded apps using Claude look simpler because they are simpler. They’re not a gigantic product suite with extremely specific UI components tailored to each use case. The ‘simplicity’ is an illusion coming from conflating the complexity of a bicycle (a vibe coded app) with an airplane (an app like Figma).

Building the same design system component in code versus in Figma is going to be slightly more succinct in code; Figma’s primitives don’t have the sort of conditionals and control flow that code has. But code is much less malleable than drawing on a screen, and creative freedom is harder to achieve in code.

UI can fix the gap where code feels less malleable than Figma, but complexity comes largely from the worlds that humans create, and humans apparently want to create 8 modes for 4 products and 2 light/dark modes. If you want the same setup in Claude, it’ll be a little easier to maintain, but not much less complex.

juliusceasar• 3 months ago

Most of the times people just want a bike or a car. Not everybody needs an airplane. This is going to hit Figma very hard.

malfist• 3 months ago

The people that want just a bicycle wasn't going to buy figma

manyatoms• 3 months ago

Most of the times people just want a bike

with a pelican on it

kibwen• 3 months ago

I admit I'm having a visceral reaction to this analogy. A bicycle is a sophisticated product whose form is almost pure function. Despite being apparenty simple, almost no regular person can draw even a reasonable facsimile of a bicycle from memory ( https://www.youtube.com/watch?v=L0_vXZ-3LFU ). Which is to say, for actually designing a functioning bicycle, the devil is in the details, and details are exactly where vibecoded apps fall down. Our lower bound for this analogy should instead be the downhill go-kart cobbled together from scrap wood you found in the dumpster.

chatmasta• 3 months ago

Figma has been in trouble for a while. All the designers at my company switched to Cursor nearly a year ago. They made live mockups that don’t even need a spec to implement, because the expected behavior is already captured in the prototype. Claude Design makes it just marginally easier.

mrits• 3 months ago

Not to mention all the people hiring UX just because they don't want to deal with it themselves, not because they need something that requires a lot of skill.

dyauspitr• 3 months ago

Stitch has been around for a few months from hole and it does a better job than this. I bet designers are in the honeymoon phase of people don’t know this exists and this does my whole job phase.

andai3• 3 months ago

Are those people using Figma?

chr15m• 3 months ago

Making the complexity simpler is the whole thing. Any software that does it wins.

janpio• 3 months ago

Isn’t Figma actually the tool used to plan and design the “airplane” level app? (Which of course does not mean it can not be airplane level itself…)

justinclift• 3 months ago

Vibe-coded apps using Claude look simpler because they are simpler.

This one seems pretty decent?

* https://github.com/2GT-Media-Group-LLC/mikrotik-manager

It was recently Vibe coded by an IT savvy non-dev (or non-traditional-dev anyway ;> ):

* https://www.youtube.com/live/qhZ5q6tlwq0?si=tAtmb04_WwhyaGkn...

Note - If you want to try it out DO NOT deploy it on a hostile network. ie the public facing internet

uxcolumbo4• 3 months ago

I miss the days of having a native desktop design app with a perpetual license.

What Figma achieved technically in the 2010s was amazing. Coded the app in C++ and then used WASM to deliver it as a multiplayer web app.

But now it's trying to be too many things. Why did they ever feel the need to add slides and this other stuff.

Their MCP is poor (sure, they'll improve it).

The app struggles with larger files and performance is sloppy.

And don't get me started trying to design data grid heavy apps.

And they could easily follow Adobe's lead. Enshittify and lock you out of your account whenever they feel it's necessary (remember what happened with Venezuelan Adobe users a few years ago?)

Either Penpot gets their act together and will become the opensource design canvas for open-weight AI models or we will see another open source solution that will fill this space.

alwillis6• 3 months ago

I miss the days of having a native desktop design app with a perpetual license.

You can go that route with Affinity Designer [1], owned by Canva, who partnered with Anthropic on Claude Design [2]:

We’ve loved collaborating with Anthropic over the past couple of years and share a deep focus on making complex things simple. At Canva, our mission has always been to empower the world to design, and that means bringing Canva to wherever ideas begin. We’re excited to build on our collaboration with Claude, making it seamless for people to bring ideas and drafts from Claude Design into Canva, where they instantly become fully editable and collaborative designs ready to refine, share, and publish.

[1] https://www.affinity.studio

[2] https://www.anthropic.com/news/claude-design-anthropic-labs

uxcolumbo4• 3 months ago

I have it, jumped on the affinity band wagon years ago after Adobe started their enshittification process.

After Canva bought Affinity, you now have to authenticate with your email from time to time when you launch the desktop app. Annoying and why do they do that?

Might go back to Affinity 2.

thomasfl• 3 months ago

I hope the authors mom is not on the internet. Cursing in capslock. Good grief.

willio58• 3 months ago

I tried yesterday for about an hour to have Claude design make me a simple logo (just the symbol) and didn’t get anywhere good. I’m sure for certain things like UI it’s great, and so is just Claude code, but this Claude Design thing very much to me feels like a demo and not a product. Maybe one day!

anamexis• 3 months ago

Claude Design is very explicitly oriented towards product UI design. It's not trying to be a product that can make you a logo.

furyofantares• 3 months ago

Anthropic has no image generation models, right?

We've got an LLM using CSS and emojis and maybe pelicans riding bikes (SVGs).

svelle• 3 months ago

Yes, they only do SVGs.

I'm actually glad they're focusing on code, and code adjacent tooling only.

pypt• 3 months ago

Claude Design is just a big opinionated prompt: https://www.lobsterpack.com/blog/claude-design-trenchcoat/. Among other things, it knows it isn't that great at drawing SVGs, so it won't try unless you force it to. For a logo, try drawing it with vanilla Claude Code as if it was a separate project: ask a "design agency" to ask you questions, answer them, then make a detailed brief of what you want to draw, then make it output an exact plan of what and where will it draw, lastly ask the chatbot to do the actual drawing using sub-agents for drawing individual components. Also add a "render it to a raster and make sure it looks right" step as well.

Sateeshm3• 3 months ago

My prediction for every creator tool will be 30% deterministic software and the rest 70 is a long system prompt. This is the future.

moonu• 3 months ago

You should try the Arrow SVG model by Quiver, should be much better at that sort of thing since it's made for that.

troupo3• 3 months ago

Oh no. Figma has variables and instances and it's hard to debug bad colors.

And here I am with Claude Code... That so far generated a 2000-line CSS file for a 7000-line app consisting of literally three web pages [1]. Where almost every single color, component, class and style is duplicated at least two times. Where custom classes are fighting with Tailwind classes (yes, there's also Tailwind ON TOP of custom CSS) that are fighting with inline hardcoded style= declarations.

Figma is definitely going to suffer the vibe-coded design slop-app from Anthropic.

[1] 7k lines are almost justified for the functionality in them, and I tried to keep an eye on the code. It's harder to keep an eye on CSS

bombcar3• 3 months ago

We can blame AI for slopcoding but it's just what we've been doing for decades now - who cares if it takes 9000 lines to do what in theory Linus and Knuth and Carmack could do in 3000? Our CPUs eat a million lines of code for breakfast and demand more.

troupo3• 3 months ago

Strange then that so many apps are barely usable on these powerful CPUs. Perhaps, CPUs can no longer demand more

zmmmmm• 3 months ago

Have had similar dramas with CSS. Opus/Sonnet seem to have far less taste and discipline in writing CSS - constantly they are trying to slam in changes with !important or inline styles rather than think through how to do it properly.

cageface• 3 months ago

LLMs tend to do better with component libraries like shadcn or daisy than writing raw CSS in my experience.

mickdarling• 3 months ago

I used it today to take a look at my previously built design system with Logos, branding, fonts, and everything else. After a lot of annoying tweaking back and forth, finally, I got something that was satisfactory.

Then I looked at the usage and it said I had used 95% of my Claude design usage for the week!

This isn't a real tool. This is a plaything, if that's what they're providing as examples.

brandensilva• 3 months ago

Yup it's based off their playground so plaything is the right word.

It's a wrapper around that. I definitely appreciate the better design output from Claude code but it has a ways to go before it can replace serious design contenders.

adriand2• 3 months ago

I had a similar experience with running out of usage quite quickly, after setting up one design system properly, and then getting pretty close with a second one. But it's a research preview - I'm sure it will change.

I was quite happy with what I pulled off using the first design system: I wanted a new footer section for my IPAAS startup, it generated four options, the fourth of which was quite good. We iterated on it for a bit, then I pulled it into Claude Code (that integrated feature is very cool), CC built it, I deployed it, done. (Bottom section of https://tediware.com/ if you're interested, the bit with "Origin story" on the left and the signup panel on the right).

It was not a complicated build by any means but I liked the concept it developed and it was dead-easy to make it all happen. I think the ideas in the UI are very good. Still rough, but you can see where this could go, and it's got a ton of potential.

slopinthebag5• 3 months ago

I mean, it's fine and serves it's purpose, but I'm a bit confused what you are getting that you wouldn't get with the millions of pre-made designs and design systems? Like Tailwind UI for example.

https://tailwindcss.com/plus/ui-blocks

enraged_camel• 3 months ago

It's in research preview. I suspect limits are low on purpose. FWIW, I gave it twelve screenshots of different pages in my app and it did a really excellent job fixing them up. Consumed just 40% of weekly quota - still too high but it's probably a YMMV situation.

jcims• 3 months ago

I used it today to take a look at my previously built design system with Logos, branding, fonts, and everything else.

The fact that you are using this language tells me you are probably more advanced than the average individual, and likely have higher expectations.

My sister-in-law has a small apparel company. She’s developed quite a bit of skill over the past six years but she really struggled at the start. She had great ideas, but translating them to something she could apply was frustrating. *Anything* that could have helped her there would have been worth a look.

hellojason2• 3 months ago

Funny. My read on that language was this person has absolutely no idea what a truly robust and scalable design system and component library actually are, particularly within the scope of a successful business. Well built ones serve every facet of the organization, not just the product.

stingraycharles• 3 months ago

The fact that you are using this language tells me you are probably more advanced than the average individual, and likely have higher expectations.

I am terrible at frontend, but I’m a decent engineer, and I needed to do frontend with AI a few weeks ago. The first thing I did is figure out how other people manage this; apparently there’s a whole design system made of atoms, molecules and organisms that works well.

I asked Claude about this, set up a workflow together, and now I have a design system markdown, maintaining the design standards using the atoms etc vocabulary, and it works really well.

If I can pick this up in a few days, most people that are serious about design are able to as well.

alwillis6• 3 months ago

Things to keep in mind:

• Claude Design uses Opus 4.7, which is more expensive than earlier models.

• It's just Day 2; it's not a finished product. It's ridiculous how quickly Anthropic iterates.

• If you've been using Claude for a while, Design already knows your style and preferences. You'd have to start from scratch using a different AI design tool. I don’t doubt that'll pay dividends in the long run.

wahnfrieden2• 3 months ago

Be glad it's not Day 200: Opus models are only getting more expensive to use.

deadbabe3• 3 months ago

It will never be cheaper than what it is today. Anthropic is heavily subsidizing.

miohtama• 3 months ago

They can iterate fast, because their devs and only their devs have access to the best Claude Code on the planet.

qingcharles2• 3 months ago

It produced great results for me, in 10 mins, and then my usage was blown and now I have to wait a week. It did let me export the ZIP, though. I tried throwing the contents of the ZIP into Stitch With Google, but it didn't work very well.

hbosch3• 3 months ago

I used Claude Design to see how it'd spit out a design I already had been working on for some weeks, given a dense enough prompt and a decent requirements document (I did not feed it visuals). I thought the output was pretty good! It didn't match the style we're after at all but it did do some logical content grouping and made some IA decisions I decided to pull into my own explorations. Overall I left with a good impression.

And then I was scrolling Twitter, and saw someone else post their own "success story" and the design was nearly identical to the mock up Claude Design made for me. Lol. The homogenization problem will continue to plague tools like these to some degree, much in the same way AI generated text or code or imagery has a sort of homogenous tone or feel to it.

ceejayoz2• 3 months ago

Homogenous might be awesome. I miss predictable UIs.

ChrisMarshallNY• 3 months ago

It’s really difficult to make a design that is usable, follows platform standards, yet has unique personality.

I mean, really difficult.

Coming up with a design that relies exclusively on platform standards is easy, “low-hanging fruit.”

I write stuff for iOS/MacOS/WatchOS. There’s tremendous pressure to follow platform standards. In fact, if you use SwiftUI, it’s very hard to deviate from them. SwiftUI makes it easy (crazy easy) to follow the herd, and downright miserable, if you want to blaze your own trail.

90% of the time, that’s actually a good thing. I get pretty sick of designers that refuse to compromise, and believe that their graphic opus is more important than usable UI. It’s even worse, if the designer is an engineer, with little background in graphic design.

A designer that knows how to compromise, and work with usability, is a unicorn. If you have one, keep them.

Like the code that LLMs produce, I expect the designs to be fairly low-effort, but that will be a good thing, overall. They will be effective and usable. We need more of that.

j45• 3 months ago

It's early.

Anthropic has managed to figure out a lot of reading in between the lines.

I'm not sure how this will be any different.

bmurphy1976• 3 months ago

What plan are you on? That's a really critical piece of info to be able to evaluate your experience.

peteforde2• 3 months ago

Honestly, I never understood the move to create an artificial dichotomy between design and code with a heavy layer of tooling.

I suppose that a layout engine made sense in the context of Flash, and you saw the future of the web as a set of keyframe animations. But the notion that there's a lot of value in creating a very heavy, high-friction abstraction between the UI/UX and the platform it ultimately runs on was always going to be a loser.

In the end, it turns out we're all just web developers, regardless of your weapon of choice.

slopinthebag5• 3 months ago

I feel like we're leaning way too much into the "vibe" aspect of using LLMs at the moment. There is definitely a good use case for LLM's here, but is just prompting your way into a design really the best method here? I feel like something in between Figma and Claude Design would give designers the control they want, but still removing the friction of going between design files and the code impl.

allan_s• 3 months ago

As someone who spent quite some times these days to reverse the figma protocol[0] I can't agree more with

Figma accidentally excluded themselves from the training data that would have made them relevant in the agentic era.

Their binary format is so much of a "let's reinvent everything" which I think come from the fact it's a tool you can use for web design, android app design, ios design and anything-you-want design that it became a jack of all trade and so mapping it to web is not a perfect 1:1 translation.

And for being useful to agent, any people who got to implement the figma from a UX guy know that even human can't know truly the intent of most figma design, so how a LLM could ? Common source of question that even the UX guy has no answer for:

  1. Ok this button looks great, but in German how will it look ? 
  2. Oh and actually this button does not look great when i put in CSS, it wraps on two line, you cheated again with the letter spacing, did you ?
  3. How does it look on a phone that is not an iphone ? 
  4. You know that doing a border with a gradien is not possible in CSS, so what should i put ?
  5. How does it look on a 4k screen ?
  6. etc.

I know that most of these question can be answered by props and autolayout, and I've been asking the 5 question above these days on a figma that had these but it's just that the UX guy is not that mythical beast that "know-how-to-use-figma-right"

So I can't wait for these tools that are html behind to catch up, even more if we can have the prompt with it. (As a developer I never got to see the prompt the product manager made to the UX guy)

[0]https://github.com/allan-simon/figma-kiwi-protocol

0xdyl• 3 months ago

Can someone please help me understand why people are obssessing over this as a Figma killer and not, more clearly, a shot at Replit, Lovable, etc.?

operatingthetan10• 3 months ago

The AI app builders are part of the AI economy already. They are essentially re-selling tokens/compute. It's an existing horse race.

Bringing a Figma killer to the market is converting a conventional software sector into an AI one. So it's more disruptive.

i_love_retros• 3 months ago

If you get to the post script it sounds like they are just pissed they didn't get hired by figma.

ghoulishly3• 3 months ago

I promise I am fine lol, I actually had a really productive chat with their panel last year and found it wasn’t the right role for me anyway for some logistical reasons.

douglee6502• 3 months ago

I was making a new brand file in Figma and was about to define all the variables and aliases, paths, all that. Took one look at it and just made the 8 colors I needed and went on with the design.

xnx2• 3 months ago

Figma is going to regret not having sold to Adobe.

satvikpendem2• 3 months ago

How does this compare to Google's Stitch? As opposed to Anthropic's, it's free largely due to the largesse of Google.

https://stitch.withgoogle.com/

goosejuice• 3 months ago

Wow, that produced pretty bad results (app). Claude design is much more useful than this but I've only spent around 20 minutes with each.

qingcharles2• 3 months ago

Stitch has way more usage allowance, and it has been absolutely fantastic for some things, but it can get trapped in weird places where whatever you tell it to do it thinks it did it, but it didn't. It's like that Family Guy blinds meme:

https://tenor.com/search/family-guy-blinds-gifs

nitroedge2• 3 months ago

I tried Claude Design yesterday and fed it the UI of an app I am working on and what I had created already. I asked it to mock up 6 new "layout skins" using different colors, different icon and button placements, different vibes and it churned out 6 good designs with hi-res images plus Claude Code instructions and the ZIP file to boot. Didn't hit the usage, took about an hour. Did a really good overall and I liked the process and thinking structure and question asking.

preommr• 3 months ago

I've worked on design tools for the last few years.

This article is a fundamental misunderstanding of both the design space, and figma as a company.

Just a few of my thoughts:

- Figma was always about building a successful company over a successful product. Figma started with a much more ambitious aspiration, and had the ability to deliver through talent like Evan Wallace. A lot of it started with showing how capable webgl was in the browser. And yet, a lot of things like 3d features don't exist because they had the awareness to really hone in and focus on building a specific thing that made them money because everybody in the company ended up with an expensive seat price.

- Seriously, Figma is a company that's about design tool second, and about getting a product that businesses use first. To that end, it's already succeeded through the IPO, subsequently, who knows what the market is going to look like. Figma having a war chest is in many ways much better than having a technically impressive demo that might evaporate.

- People at Figma, 100%, know everything in this article. And not just figma people, like anybody and everybody that's tried to build a design tool has had these thoughts. It's very obvious that ui/ux is the interesection of design/dev/pm. It's also very obvious that it should stick close to the source of truth, to something like code. - The problem is, that it's almost underselling it to say that it's MASSIVE challenge to execute on these ideas because of how easily it bleeds into building not just a design tool, but a coding, data management, architecture, etc. tool

- I could talk at length about all the challenges and potential solutions, but that's neither here nor there.

- On AI, I guess other people's guess is as good as mine, but my gut feeling is that while data is important, SOTA AI is generalist enough that the base models, the thinking they're able to do, is better than having a lot of custom data. Especially because ui design is front-facing - you can just scour the web in contrast to private financial documents, or legal documents for example.

kbos87• 3 months ago

"To Figma: I can see a world where this post does numbers in the Figma internal Slack. If that’s the case and you’re reading this from Figma: this wouldn’t have happened if you hired me last year when I was interviewing. Your loss, big dawg."

What a counterproductive way to end an otherwise good set of points. Gives the appearance of bitterness and a desire for vengeance.

ghoulishly3• 3 months ago

Do you genuinely think that was earnest?

nailer2• 3 months ago

I got deeper into Figma than I ever had to before yesterday.

It turns out there’s no way to use Math in variables built in to the product. The most common plugin is 99 dollars. To add what is obviously mustache JS. To browser based software. It’s not good.

lastmansitting2• 3 months ago

“ As product teams scaled and design needed to justify itself inside engineering orgs…”

What?

lastmansitting2• 3 months ago

Where are they getting this absurd notion?

tene80i• 3 months ago

A lot of engineers find it difficult to conceive of product and design (and marketing, and management…) as actual skilled work. It’s all con artistry orbiting engineering.

cultofmetatron• 3 months ago

what are they talking about product teams needed to justify themselves? a good product guy's job is to talk to the users and figure out what to build. My job is to figure out HOW to make it happen. Neither side need to justify themselves. Good product people are vital to making sure engineers don't spend months building the wrong thing.

agentbc9000• 3 months ago

Figma should be worried

zem• 3 months ago

no real dog in the fight, and I don't even know if the OP's analysis is correct, but "they had a proprietary file format and got left behind because of it" always gives me a nice bit of schadenfreude.

supermatt• 3 months ago

Figma invented its own primitives to make that work: components, styles, variables, props, and so on

Fireworks, Sketch, XD, Axure, etc all had these (or most of them) in some form before Figma even existed. Even illustrator, photoshop, etc have had the applicable ones for decades.

solaire_oa• 3 months ago

As far as I'm aware, "source of truth" refers to data/code that drives the actual app, so Figma could never be a source of truth (Figma is a reference of what the app data/code is supposed to do). Saying Figma is a source of truth is like saying JIRA is a source of truth, which doesn't make any sense.

Thoughts and feelings around Claude Design

Related Stories