Starting today, Claude Design aims to turn designers and programmers into the same kind of person

Just today, Anthropic suddenly announced the major update of Claude Design and released four big moves at the same time——

The design system is imported from GitHub with one click, and AI automatically verifies brand compliance. If it does not meet the standards, you can make corrections and show it to you.

Two new commands,/sign sync and/sign, have opened up a bidirectional channel between Claude Design and Claude Code.

Expand the export destinations to 9 at once: Adobe, Canva, Vercel, Reply, Miro, Gamma, Lovable, Wix, Base44.

The canvas editor has also been redone. Drag, zoom, align, and do it right on the screen, without burning a model call every time you change a pixel.

As soon as the news came out, X instantly became lively.

A netizen directly asked, is the era of designers really coming to an end?

Some netizens have further analyzed that designers and developers are becoming the same kind of person.

Other netizens are playing with memes: ‘We don’t want new features, we want Claude Fable’, ‘Will this feature be banned soon too?’.

Everyone understands.

Anthropic designer personally demonstrates
After the update was released, Anthropic designer Nate Parrott posted six consecutive tweets on X, accompanied by three practical exercises.

After reading, you will have a clear idea of what the new features look like and whether they work smoothly.

In the first paragraph, he created a bookmark page for the ‘National Parks’ app.

On the screen is a complete mobile interface – search bar, scenic cards of national parks, collection numbers, with clean and neat layout. It looks like a screenshot of a finished app.

Then he clicked the Edit button.

Everything in the picture. The complete component structure tree pops up on the left, and the phone interface is still on the right, but now you can click on any element.

He clicked on the collection number, directly changed the copy on the canvas, pressed enter, and the interface refreshed instantly.

Obviously, what Claude Design generates is not a bunch of immutable renderings, but living components.

You can drag it like Figma or modify it like writing code.

The second paragraph is more intuitive. Both are national park projects, making the homepage.

Claude takes a few seconds to read the design system – scrolling through a series of brand color values and font specifications in the chat panel.

Then the canvas on the right began to grow line by line like a typewriter.

First comes the title, then the explanatory text, and then a mobile phone frame emerges – on a dark green background, milky white label cards are built one by one, with a warm tone and clear hierarchy.

The entire design draft is generated in real-time, and the color scheme, font, and spacing of each piece strictly follow the brand specifications I just read in.

The third paragraph is to turn a light colored email registration page into a dark green version.

Claude did not directly produce the image. Its response is to read the design specifications twice and refine the output six times. Eight rounds of self inspection.

Everything on screen, the dark green version is out.

The same title layout, the same button style, the same left aligned layout – only the background color has been turned to dark turquoise and the text has been turned to light color. The contrast, hierarchy, and brand feel are completely consistent with the light colored version.

This is the automated design specification verification – it’s not about making AI “as close as possible” to your brand specifications, it’s about running eight times to confirm before daring to show you.

Behind these three videos, there are two new commands supporting them.

Typing in Claude Code, the design system in the code repository, such as color, font, component library, spacing rules, etc., will be pulled into Claude Design.

Afterwards, every time it was generated, Claude used your real components to build it, reviewed it himself, and made changes if it didn’t meet the standards.

This is the reverse. With just one command in the Claude Code terminal, you can create design projects, edit existing designs, and synchronize the entire design folder. No need to open a browser, no need to open a window.

It was these two commands that directly eliminated the most headache inducing aspect of the entire industry.

The previous design to code handover, in other words, was a lossy export, accompanied by a few ridiculous meetings.

The designer completes it in one tool, while the engineer reassembles it in another tool.

The first version looks okay, but when real components, edge conditions, and responsive states are added, the design draft is torn apart.

Now this process is gone.

Design is done in Claude Design, completing one action can advance Claude Code writing.

The reverse is also possible. Halfway through writing, if you want to see the interface, use the/sign command to pull out the visualization project.

The new battlefield of the arms race
Design tools are just surface level. Below is a bigger battle.

In the first half of 2026, OpenAI, Google, and Anthropic are all aggressively expanding their product lines. Chatting, programming, images, videos, design – every category is in high demand.

Altman said AGI is already very close. Amodei said it is highly likely to arrive in 2027. None of the three dare to stop.

The competition towards super intelligence, on the surface, is about model ability, but below it is about who has captured more users and more usage scenarios.

Claude Code has locked down the developers. Claude Design has locked in designers and product managers. Together, Anthropic achieved the complete chain from “idea” to “launch”.

Flipping through the calendar reveals what has happened in the past six months:

On March 18th, Google Stitch underwent a major update, which is free and generates 350 times a month. The stock price of Figma fell by about 8% on that day.

On April 17th, Claude Design announced that Figma fell another 7.5%. One million users flooded in in the first week.

On May 20th, Figma counterattacked by launching its own native AI design agent. During the same period, Q1 revenue was announced at $333.4 million, a year-on-year increase of 46%, proving that it has not yet collapsed.

On June 18th, Claude Design filled all the gaps. The executives of Vercel and Replit immediately stated that their statements were surprisingly consistent: they did not mention ‘designer’, but instead replaced it with ‘builder’. Founders, product managers, marketers, and independent developers can all use it.

Within six months, design tools went from being dominated by Figma to a five party battle between Claude Design, Figma AI, Google Stitch, Vercel v0, and Lovable. For the first time in ten years.

But the focus of this battle is not just on the design tools themselves.

Look at who is standing behind us – Google, Anthropic, OpenAI, three companies that are sprinting towards general artificial intelligence, all of which have coincidentally reached into the field of design.

Design tools are just a pawn in expanding product territory and seizing user entry.

Returning to the opening sentence: Designers and developers are becoming the same kind of person.

They became the same kind of people, not because anyone was eliminated.

It’s because the wall in the middle called ‘Handover, Marking, Scheduling, Rework’ has been demolished.