AI・テクノロジー
The Claude Design Shock | The Dawn of an Era Where PMs Become Designers
機械翻訳 / Machine-translated
A
AI Friends
2026年4月26日・22分で読める
機械翻訳 / Machine-translated
@aifriends
AI Friends（https://aifriends.jp）のクロスポスト公式アカウント。AIツールの紹介・使い方・できることを、中学生でもわかるやさしい日本語で届けます。
"We can't build a landing page because we don't have a designer" — that frustration may soon be a thing of the past.
On April 17, 2026, AI company Anthropic announced a new tool called "Claude Design," sending shockwaves through the design industry.
The era of simply asking in plain language and having AI produce your prototype or slide deck has arrived.
On the day of the announcement, Figma stock plunged 6%. We'll explain in plain terms why it's seen as such a threat.
Claude Design is a tool announced by AI company Anthropic — one that "has AI create designs on your behalf."
Think of it as "having a talented junior from a design program sitting next to you 24 hours a day, delivering whatever you ask for in five minutes."
Until now, Anthropic was known primarily for Claude Code (a programming AI), but this marks the company's first serious expansion beyond coding.
In short, Claude Design is a tool that lets you "create UI mockups and slides the same way you'd write text with ChatGPT." Even PMs or engineers with no design experience can instantly turn ideas into tangible outputs.
Let's walk through the key features available in this research preview.
Just say, "Make a reservation landing page for a café — warm orange tones, with a CTA button that reads 'Book Now'" — and Claude generates an initial design in seconds. Anything you don't like, such as "add a bit more whitespace" or "make the hero image a food photo," can be fixed with a follow-up instruction.
Simply upload a Word, PowerPoint, or Excel file and Claude understands the content and visualizes it.
Hand it a Word document of your sales materials, and it automatically reads the structure and turns it into a polished pitch deck.
The fact that you don't need to "start from scratch" is groundbreaking.
You can hand it a screenshot of a competitor's site and say, "Create a landing page for our service with this same layout" — and it delivers.
Claude analyzes the web page's design and generates a prototype with a similar look and feel.
For design beginners, the ability to directly reference a site you like is an incredibly reassuring feature.
This is the star feature of this release.
Claude Design reads your company's codebase and design files and automatically builds a custom design system — colors, typography, and components.
Once built, it's automatically applied to everything generated thereafter, making it revolutionary that "designs aligned with your company's brand" come out every time.
Once your UI design is ready, you can hand it directly to Claude Code (the company's coding AI) for end-to-end implementation.
This eliminates the gap between design and code, enabling even a solo PM to go from prototype to working app.
3D and animated prototypes are also supported.
AI design tools surged in 2026. Let's compare the major competitors.
On the NYSE the day of the announcement, Figma stock fell roughly 6%, Wix fell 5%, and Adobe fell 2.7%.
This reflects investors viewing Claude Design as a genuine threat to existing design tools.
Given Anthropic's track record of winning over developers with Claude Code since 2025, the market anticipated the same wave hitting the design space.
Its unique advantage over other tools is the combination of "Opus 4.7, a top-tier general intelligence" and "automatic design system application." While Lovable and v0 excel at "generating code," Claude Design stands clearly apart by centering on "visual design and brand consistency."
If you're a PM who wants to give shape to ideas, go with Claude Design. For building a full-stack app, choose Lovable. For boosting an existing Figma team's efficiency, go with Figma Make. For rapid React front-end prototyping, use v0. That's all you need to remember.
Imagine Founder A, building a SaaS product alone in Shibuya, Tokyo.
They can build the product themselves as an engineer, but every week they agonize over who to ask for an investor pitch deck and a service landing page — Claude Design changes everything.
Upload the Word document of your business plan, say "Turn this into a pitch deck with blue tones that convey trustworthiness," and three minutes later you have a 20-slide deck.
The landing page can be published the same day, following the same process.
Take B-san, handling marketing at a 30-person machine parts manufacturer.
A dedicated site for a new product used to cost ¥500,000 and take two weeks when outsourced — with Claude Design, B-san feeds in the product catalog PDF, hands over a competitor's site as a reference image, and has a first draft in 30 minutes.
B-san only needs to make minor tweaks before publishing the next day.
That's ¥500,000 in outsourcing costs saved, and a big boost to B-san's internal reputation.
C-san, a PM at a major e-commerce company, is exploring the UI for a new "live shopping" feature.
In the past, they'd submit a request to a designer, wait two weeks for a first draft, then spend another week on revisions — a painful cycle. With Claude Design, C-san creates three layout variations — vertical video, product cart, and tipping button — in 30 minutes.
They can immediately show engineers and executives, accelerating decision-making dramatically.
Yes.
Sign up for Claude Pro ($20/month) and you can use it from Japan.
Just select "Design" from the Claude app and you're ready to go.
Japanese prompts work fine — you can say "Create a top page for a corporate site" in Japanese with no issues.
However, since it's in "research preview," some features are rolling out gradually, and Enterprise users should note that admin activation may be required.
It's easy to say "designers will become unnecessary," but the reality is more nuanced.
As WisdmLabs analysis notes, Claude Design still "depends on humans for judgment areas like brand strategy, conversion design, accessibility, and SEO structure."
In other words, while AI will substitute for the "quickly giving shape to things" part, the value of senior designers who think about "why a design works for the business" is actually increasing — that's the reality of 2026.
With the cost of generating first drafts via Claude Design dropping to near zero, the "man-hours × hourly rate" model of Japan's design outsourcing industry is breaking down.
Transitioning to "fixed pricing per deliverable" and "strategic consulting rates" is something firms need to explore within this fiscal year.
Design agencies that have relied on outsourcing work have the most urgent need to shift toward upstream services like UX research and brand strategy.
A. There is currently no completely free plan.
It's available on Claude Pro ($20/month, approximately ¥3,000) and above.
For heavy use, Max 5x ($100/month) or Max 20x ($200/month) are the options.
The standard approach is to start with Pro and upgrade to Max if you hit generation limits.
The Team plan adds collaborative editing, and Enterprise offers enhanced admin controls.
A. Figma Make is overwhelmingly strong at "integration with Figma files," while Claude Design's unique strength lies in "Opus 4.7's general intelligence and automatic design system application."
If you're already on an existing Figma team, stick with Figma Make. If you're a PM or engineer who has never even used Figma, Claude Design is the best starting point in spring 2026.
Subscribing to both comes to under $50/month combined, so for serious users, leveraging both strategically is a smart move.
A. Commercial use is generally permitted under Anthropic's terms of service.
As a rule, the copyright of outputs generated with Claude belongs to the user.
However, generating content that directly reproduces other companies' registered trademarks or logos is not permitted.
Avoid instructions like "make it look like [Company X]'s logo," and stick to your own original assets or generic icons to stay safe.
A. Give Claude your company's website URL, GitHub repository, or existing design files, and Claude extracts the colors, fonts, button shapes, and spacing rules in use.
It then automatically applies that style to everything generated going forward.
Eliminating the hassle of "specifying brand colors every single time" is revolutionary — particularly valuable for in-house design teams at large companies.
A. Anthropic officially states that exports to PDF and PPTX are available, and sending files to Canva for full editing is also possible.
Direct native export to Figma is not supported at this time, but exporting as PNG and pasting into Figma is perfectly doable.
A hybrid workflow of "draft in Claude → polish in Figma" looks set to become the mainstream approach in 2026.
The arrival of Claude Design marks the end of an era where "I gave up on the idea because I can't design."
Going forward, product managers, startup founders, and marketers who can leverage AI to bring their own designs to life will have an overwhelming advantage.
Spring 2026 is the perfect moment to get ahead of the future for just $20 a month.
Take 30 minutes this weekend to experience how your working world can change.
This article is a cross-post from AI Friends.
