Claude Design

by meetpateltech on 4/17/2026, 3:04:09 PM

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

Comments

by: ljm

I reckon something like this has only been possible to develop because of how homogenous the internet has become in terms of design ever since the glass effect and drop-shadows took over in Web 2.0 and Twitter Bootstrap entered the scene.You'll get a competent UI with little effort but nothing truly unique or mind-blowing.Impressive technology, but that old skool artisanal weirdness of yore only becomes more valuable and nostalgic.

4/17/2026, 3:29:56 PM

by: Growtika

For my agency this won't replace Figma or designers. It's just a really useful tool to express yourself and communicate intent.Before these tools, when a client wanted a specific section built, we'd spend hours hunting references across the web. The output always ended up feeling like a mesh of 2-3 sites, never fully unique. Then we'd burn more time explaining the intent to the client's designers and devs, usually with multiple rounds because words don't convey layout well.Now we throw a quick mockup together in Claude or Lovable and send it. The designer gets the idea in 30 seconds instead of a 45-minute call, then pushes it further with their own taste and the client's branding.It's not replacing designers. Most clients don't know what they want until they see it. These tools collapse that feedback loop from weeks to minutes, so the designer actually spends their time on the parts that need human taste, not on decoding a vague brief.

4/17/2026, 4:58:04 PM

by: GenerWork

If you look at Figmas stock price, it started falling right at 11 AM as this news was released.Anyways, this is 100% a shot at Figma, but also catching Lovable in the crossfire. If anybody from Anthropic is reading this, if you keep developing this with features in Figma and other design tools, you'll have a major hit on your hands.

4/17/2026, 3:48:54 PM

by: martinald

Interesting! I wrote this approach up (more or less - extract design system -> make templates -> export) some time ago and I've found it unbelievably powerful: <a href="https://martinalderson.com/posts/how-to-make-great-looking-consistent-reports-with-claude-code-cowork-codex/" rel="nofollow">https://martinalderson.com/posts/how-to-make-great-looking-c...</a>.I use it all day every day with Claude Code. I sometimes wonder past code if this has had the biggest impact on my day to day productivity, either having to make do with semi-bad looking reports or have a designer design them (which is slow).Sort of feel sorry for Figma in a way though, given all the "partnerships" (highlighting their MCPs) and case studies they've done with Anthropic and then they release this. I note there isn't a testimonial from them this time.I'm surprised how poorly Figma have used "AI" in general - given they were the "gold standard" in taking emerging technologies (WASM etc) and making an incredible product. The Figma Make thing was incredibly underwhelming, I managed to extract the system prompt out and it's basically just Gemini 3 Pro with a design prompt. Perhaps the original team has left?They are extremely exposed imo. While all the UI/UX designers will continue using it for the forseeable, I strongly suspect a lot of their (A/M)RR was coming from extra seats for PMs, developers, etc to view and export and do commenting on the files - not core designer usage. I think a lot of this just won't happen on Figma as much.

4/17/2026, 4:04:10 PM

by: weinzierl

"create polished visual work like designs, prototypes, slides, one-pagers, and more."I use Opus to generate Typst for that and I'm already pretty happy with that approach. It gives me a degree of control I do not have with other methods, because1. Typst is really powerful2. Opus is really good at surgically modifying TypstI basically never look at the Typst code for this. Telling Opus visually what I want changed is usually good enough.

4/17/2026, 5:03:24 PM

by: ossa-ma

The more I think about it the more this isn't good for design [EDIT], for a few reasons:- The best design is original, groundbreaking and often counterintuitive. An AI model is incapable of that, it's uninspired, it will absolutely converge to the norm and homogeneity (you see it everywhere now, just scroll on ShowHN and take a look at the UIs) and produce the safest design that appeals to its understanding of the ideal user.- Good designers will reject this, they prefer to be hands-on and draw from multiple sources of inspiration which is what Figma boards and Canva is good for, also mainly for cross-collaboration. If you've seen how quickly a great design engineer can prototype you'll know that "speed" they advertise in this video is not worth the tradeoff.- Creatives typically have a very very very high aversion to AI.- Non-designers will not see a purpose for this tool, basic design can already be done through Claude Code and Claude.ai, I fail to see what this could offer unless they leverage a model that is more creative and unique by default (you can not prompt/context/harness engineer creativity believe me I've tried).- Design is a lot more than just UI. Tools like this ignore so many other important aspects like: motion, typography, images, weight, whitespace, sound, feel.

4/17/2026, 3:35:00 PM

by: ej88

This is cool!Seems like Claude is actually building almost like a layered Figma wireframe that you can do fine grained adjustments afterwards (e.g. adjust font size).Interesting that Canva provided a quote of support. I'm not familiar with the differentiation, but it seems like this will directly siphon customers from Canva, right?

4/17/2026, 3:24:30 PM

by: _the_inflator

Lovable was a TailwindCSS recombinator, that’s it.Lately it is more and more ShadCN as well.TailwindCSS is a masterpiece but ironically doesn’t really get its fare share while “Build on top of TW” frameworks make money.TailwindCSS is the final evolution after all other frameworks always had its benefits but also massive limitations.BEM anyone?TW is really elegant a new paradigm in its purest sense and brilliantly executed. No wholes could be poked in it for years and the extensibility shows, how brilliant it is.Bootstrap will always be held dearly but it was about browser quirks etc first. Important milestone but stands no chance against TW.

4/17/2026, 4:58:51 PM

by: arbuge

They state the link is claude.ai/design, which currently goes to:Page not found Claude can help with many things, but finding this page isn’t one of them.when logged in.

4/17/2026, 5:02:35 PM

by: jayd16

So how much of this is fully generated vs AI running through all the knobs on template widgets?Is that globe made from whole cloth or is there a bespoke "telecom globe" widget that it dropped in? Could I ask for mock up of molecules with the same fidelity of knobs, down to nucleus size and such?

4/17/2026, 3:54:46 PM

by: taylorlapeyre

It really feels like Anthropic's product area is extremely overextended at this point. If they want to extend themselves horizontally in an unlimited fashion, they will need unlimited focus, and agents can't supply that. Things will fall through the cracks. Why should I believe that Anthropic will care about this product in 2, 3 years? Whereas I firmly believe that Figma will care greatly about its product in that time

4/17/2026, 4:55:53 PM

by: designwithjawad

Design industry is shaking right now.

4/17/2026, 5:11:19 PM

by: sbszllr

It's interesting how OpenAI and Anthropic effectively mass dumped a bunch of similar features in the last two days.I wonder what other features they're cooking right now.

4/17/2026, 3:29:04 PM

by: hudo

404 Page not found when clicking on their link <a href="https://claude.ai/design" rel="nofollow">https://claude.ai/design</a> at the end of the article! Vibe coding to prod, gone wrong?

4/17/2026, 3:38:10 PM

by: namanyayg

The Anthropic team looks to be eating all the usecases and application layer. I personally know of many figma + AI startups that are going to feel shaken up with this launch.Anthropic has distribution on their side, their engineers are excellent (I have ran with them across the ggb in the past and they work 12 hours plus a day regularly.)I think what actually might be slowing them down is the public releases and pr lol, not ideas or execution

4/17/2026, 3:29:40 PM

by: lmeyerov

When Anthropic's CPO left Figma's board this week, that was my first question . Oof.

4/17/2026, 3:48:25 PM

by: maerF0x0

> voice, video, shaders, 3D and built-in AI.As someone who's thinking about side project-ing a game, this caught my eye.I am curious to explore what Claude can yolo in terms of a retro style indie game... One who's audience might only be me.

4/17/2026, 4:33:30 PM

by: i_love_retros

I think we will have maybe 5 to 10 years of all this crap, devaluing human made art and human made products, vibe coding everything. But eventually it will all fall apart. Long term only a minority will be happy seeing AI generated crap everywhere and most people will pay for quality human made goods.Unfortunately it's going to be a tough few years until that happens, where it really does feel like the idiots are winning.THE IDIOTS ARE WINNING

4/17/2026, 5:13:09 PM

by: reluctant_dev

Maybe I am using it wrong but it feels much closer to Lovable than Figma. I was expecting this to feel like the two products combined. Certainly better than Lovable though, but a little disappointing.

4/17/2026, 4:27:40 PM

by: m_w_

Really interesting response to Google's Stitch - and seemingly a better alternative given some of the features shown in the video. If everything actually works at least close to how it's advertised, this'll be useful. I'm sure it's no Dieter Rams, but it wouldn't be a surprise if it's already better than many devs at design work.

4/17/2026, 3:50:21 PM

by: aanet

So.. this is why Anthropic CPO left the board of Figma

4/17/2026, 4:29:52 PM

by: jmkni

Unfortunate that linking code from your computer doesn't work with FirefoxVery interesting though

4/17/2026, 3:31:21 PM

by: atonse

I've been spending the last two days building a large number of mockups for a new product. Literally the last two days.I'm wondering how i can CONTINUE that in this design thing, can i import something? Because they show it the other way... you can start and edit, and then export to claude code.Until then, I guess it's back to just using CC

4/17/2026, 3:30:49 PM

by: firefoxd

I've been using stich from Gemini, and just plain zAi for helping redesign my website. You can use the generated code to copy and paste the design to fit your own templates, but that's a pain. Unless you are ok with using tailwind and the dozen or so classes on every element and don't want to edit anything.What I found valuable is the design.md that was produced. It's a guide for building each component. So using these tools becomes akin to PSD to html we used do. At least that's when I find them most effective.

4/17/2026, 3:42:35 PM

by: xnx

The faster we commodify design the faster we can get back to some sane consistent normal interfaces. Only the very biggest platforms (e.g. Google, Microsoft, Apple) should be spending any time on "design systems".Imagine if a designer were hired to custom design the lightswitches in every building. We need to get back to off-the-shelf interfaces and stop wasting smart people's time reinventing UI widgets.

4/17/2026, 4:30:24 PM

by: htrp

Reminder that Claude's own AI design skill (which is probably incorporated directly into this product) says things like>NEVER use generic AI-generated aesthetics like overused font families (Inter, Roboto, Arial, system fonts), cliched color schemes (particularly purple gradients on white backgrounds), predictable layouts and component patterns, and cookie-cutter design that lacks context-specific character.> Interpret creatively and make unexpected choices that feel genuinely designed for the context. No design should be the same. Vary between light and dark themes, different fonts, different aesthetics. NEVER converge on common choices (Space Grotesk, for example) across generations.[1] <a href="https://github.com/anthropics/claude-code/blob/main/plugins/frontend-design/skills/frontend-design/SKILL.md" rel="nofollow">https://github.com/anthropics/claude-code/blob/main/plugins/...</a>

4/17/2026, 4:30:30 PM

by: tzury

Anthropic’s roadmap is widely underappreciated; it is the company defining AI productivity today.

4/17/2026, 4:05:38 PM

by:

4/17/2026, 4:26:50 PM

by: giancarlostoro

We used to have RAD based IDE's and now I guess with AI we're going full circle, I'm curious how their mobile thing works, if its just React Native based or what.

4/17/2026, 4:18:13 PM

by: psadri

What’s interesting here is that with AI, all our interfaces should evolve away from previous generation rigid forms / buttons / tables etc. towards something more fluid / dynamic / “natural”. Yet all the AI coding is geared towards producing more of the former.

4/17/2026, 3:49:52 PM

by: causal

Will give it a try but my experience with Claude and browser use so far is that it’s extremely lazy: it rarely notices or cares when something doesn’t look right, it needs lots of pointing out “hey you ignored that broken render” etc

4/17/2026, 3:50:44 PM

by: young_mete

Will be taking this for a spin imminently. What seems to be very unique here vs other canvas tools are the generative UI controls.If you’re confused about why everyone is shipping their own canvas tool - this is what I wrote when I reviewed Stitch from Google in my newsletter:“every SOTA (State-of-the-Art) model can already do this. Give it a prompt, it'll spit out an HTML design. Ask for 10 responsive variations, you'll get them. Stitch is a Ul and context harness on top of Gemini, in the same way Claude Code is a harness on top of Claude's models. This means every Al lab will likely ship their own version, and they'll all interoperate because at the end of the day it's all HTML and markdown.”More generally, this is a competition of where the product development work starts and lives. The business value will accrue to those who become a destination, not a plugin.AI can now power a new sort of tool that supports the entire process (not just coding or just design). So there’s no reason for Anthropic or any other lab to give that up to another tool.

4/17/2026, 4:15:02 PM

by: bryabaek

such a cheerful background music to celebrate the death of lovable, bolt.new, figma LOL

4/17/2026, 4:31:50 PM

by: PullJosh

I like their emphasis on quickly prototyping many variations of a design. That seems useful, even for experienced designers.

4/17/2026, 3:19:16 PM

by: ramathornn

It's funny seeing the Co-founder of Canva commending the product. Yikes!This app is pretty slick, this will funnel a huge number of customers away from Figma + Canva imo.

4/17/2026, 3:45:54 PM

by: hmokiguess

Who’s the end user for this? I struggle to relate but then again I also don’t use Figma so I may not be the target demographicI have been doing fine just instructing Claude code to use Tailwind and reference design documents

4/17/2026, 3:25:51 PM

by: anonfunction

Start designing at claude.ai/design.That link is redirecting me to <a href="https://claude.ai/404" rel="nofollow">https://claude.ai/404</a>, anyone else?

4/17/2026, 3:38:32 PM

by: K0IN

this might be a game changer (for show dont tell), and fast itterations in design meetings, to show what your thinking of.

4/17/2026, 4:11:56 PM

by: gnegggh

no info regarding privacy and data if you connect your repo?

4/17/2026, 4:31:18 PM

by: wg0

How dangerous is this eh?

4/17/2026, 4:21:10 PM

by: digitalShield

I use claude daily

4/17/2026, 4:46:21 PM

by: RickS

lmao at the idea of figma integrations, categorically. I don't ever want to look at figma again in my life. figma is what people used to ideate quickly because they couldn't build directly in the browser. we can now ideate quickly while working directly in the browser. figma's entire raison d'etre is dinosaur tier over.With that said, this seems like it's just claude code + simplified devtools in a container? Will need to spend more time with it to see how EG commenting influences things, but 5 minutes in, this seems like it's needless formalization on top of how I already used claude for deisgn

4/17/2026, 4:25:18 PM

by: devmor

This stuff is the antithesis of what I want to see AI used for.Deriving a bland average of creativity is the saddest thing you could do. I don’t even enjoy design and I find this offensive.

4/17/2026, 3:51:12 PM

by: firasd

This seems a bit fiddly... I gave it the ChatGPT iframe html for my (not yet released) Liveclip MCP server that's like tables [<a href="https://x.com/firasd/status/2039926453408776649" rel="nofollow">https://x.com/firasd/status/2039926453408776649</a>]. And I had this chat in the sidebar and it popped up some questions in a form> do you see our current htmlHi-fi design Interactive prototype html> do you see our current htmlHi-fi design Interactive prototype html● Claude Yes — I can see your html/ folder. It has 7 files:files-list.html math-result.html rows-view.html table-view.html text-editor-doc-view.html trending-topics.html unique-result.html Want me to open them up and take a look at what's in there? And what would you like to do — polish them, turn them into an interactive prototype, build something new on top, or something else?> yeah in table view i'm thinking about how to deal with cells that may be big. i guess we want to do something different than excel or sheets in that auto expand rows with cells that contain big values. we can show like the first -- what does twitter show, 280? so we can show 280 chars and then [...]● Let me take a look at the current table view to understand what we're working with.Got it — I see the current table view. Right now every cell is clamped to max-width:220px with white-space:nowrap and text-overflow:ellipsis, so long values just get cut off at whatever ~30 chars fits the column. You're thinking about the opposite end: what if a cell genuinely holds 2,000 chars of text? Neither pure clip nor Excel-style row expansion is quite right.Before I start sketching, a few quick questions so I don't guess wrong:> Questions answered: - truncation_threshold: ~280 chars (new tweet) - expansion_ux: nothing right now -- it's not interactive - row_height_policy: Grow freely like Notion/Airtable - content_types: Not sure yet - indicator_style: [...] at the end of the text - newlines: Render them (row grows) - copy_affordance: no interaction right now - column_width: Fixed width, all columns equal - variation_count: 2 variations - aesthetic_direction: Same bones, but let you push it a bit● Got it — so: non-interactive, rows can grow freely, 280-char cap with [...], newlines render, same bones but push it a bit, 2 variations. Let me sketch this out.Set up variations file with two table treatments V1: Notion/Airtable-style free-grow with [...] cap V2: pushed aesthetic variant Wire both to the same sample data w/ long cells Let me peek at a couple of the sibling files so the variations stay in-family with the rest of the widget set.Good — now I have the visual family. The shared vocabulary across widgets:#f5f5f3 page, #fff card, #d0d0cc borders, #f0f0ec headers System font, 12–14px Subtle alternating row tints, no drop shadows, flat corners Color used sparingly; #666 for secondary text My plan for the two variations (side-by-side in a canvas so you can compare on the same rows):V1 — "Notion-ish, stay in family"Keep current palette, borders, zebra striping Rows grow vertically as needed; white-space: pre-wrap so newlines render Cap each cell at 280 chars; if longer, slice to 280 + […] inline Same fixed column widths, everything else identical V2 — "Same bones, pushed"Tightens the grid (hairline borders instead of panels, more whitespace, denser typography) Column rail with sticky row numbers Soft fade on the bottom of ultra-tall cells instead of mid-text […] when content is really long (hybrid: char cap + visual) Monospaced tabular digits for row numbers; type column ⌾ / ▤ markers subtly hinting content type; column width slightly wider for breathing room Let me build it.Now let me build the two variations. I'll set up realistic sample data with a mix of short values, tweet-length values, long-long values, and ones with newlines, so the behaviors are visible.Now the two table components.Clean. Two variations on the canvas, both rendering the same 7 rows so you can compare directly:V1 — in-family. Your current widget, with white-space: pre-wrap so rows grow, newlines render, and a soft grey […] appended when a cell goes past 280 chars. Row 3's summary (double-long prose) and row 4's URL show the cap. V2 — same bones, pushed. Hairline borders instead of filled header panels, monospaced tabular row gutter, column letters as uppercased small-caps above the header names row, tighter typographic rhythm, cells > 280 → […] legend in the footer. Row 7 shows how newlines render naturally. Both slice at the nearest word boundary when one is within ~40 chars of the 280 cap, otherwise hard-cut — so […] never lands mid-word.A couple of things worth calling out, not changed:280 is pretty generous when a row has multiple long cells side-by-side — row 3 is ~2 cells × 280 = a very tall row. If that ends up being painful in real usage, dropping to ~180 or adding a per-row max-height with fade might be worth a follow-up. Neither variation is interactive per your answer; there's no click-to-expand, hover, or copy. Easy to bolt on later. Fork verifier agent Both variations are live on the canvas. Let me know which direction feels right and I'll fold it back into html/table-view.html." -----It's basically similar to their Artifacts system in a harness I guess

4/17/2026, 3:50:00 PM

by: MagicMoonlight

Interestingly, Claude Design has its own completely separate usage bar.

4/17/2026, 4:13:27 PM

by: albert_e

is this the Figma/Canva/Powerpoint/Keynote killer?

4/17/2026, 3:18:31 PM

by: jansan

Well, after having high expectations from watching the intro the actual result of a simple prompt "Bear on a bicycle" is very underwhelming.Maybe AI is not good at everything, yet.

4/17/2026, 3:41:39 PM

by: lmf4lol

the tech is really cool. its amazing. but i freaking hate this future

4/17/2026, 4:49:22 PM

by: LetsGetTechnicl

Oh great more slop

4/17/2026, 4:19:47 PM

by: quotemstr

Postmodernists are annoying because they are right about design. "Taste", aesthetics, design, vibes they're all as socially-constructed and post-truth as that annoying sophomore says everything is. The world is design is an isekai manga in which Derrida's delusions are the rules of physics. It's weird.Part of this weirdness is the continual relativism of design. A taste-meme is good or cringe only relative to the prevailing social environment, never itself. An AI can never do "design", properly understood, because design is the work done by a reluctance motor, spinning endlessly in a Sysphean quest to align itself with a moving magnetic field and producing torque by side effect.All efforts like this can do is capture the field alignment at an instant in time. It cannot do work. It cannot produce motion, not as long as its weights are as fixed as the field lines of a neodymium magnet. The instant AI design is good, it becomes bad through the act of becoming good.Producing work through motion of taste may be one of the last human endeavors to be absorbed.

4/17/2026, 4:15:55 PM

by: cdrnsf

Now I can visualize my bloated shadcn + Tailwind UI in advance.

4/17/2026, 3:28:38 PM

by: lagrange77

And another step toward a world, where product managers/owners/whatever and other boring people can generate what they once needed creative, passionate and skilled people for. Go ahead, its just the natural evolution of extreme capitalism.

4/17/2026, 3:43:58 PM

by: nagaga

[dead]

4/17/2026, 3:43:08 PM

by: savanpatel