7 July 2026 · Philipp John
Product design in 2026: what has changed
Prototypes replace mockups, designers ship code and rules like the EU AI Act reach the interface. What changed in product design in 2026, and what did not.
In the last year, working prototypes started to replace mockups, designers began to ship code, and design systems became the input that AI tools read. Rules like the European Accessibility Act and the AI Act now reach the interface too. What has not changed: someone still has to frame the right problem and decide what ships.
Here is what I see in my own work as a senior product designer.
1. Prototypes replace mockups
Tools now turn a prompt, a document or a codebase into an interactive prototype. Anthropic released Claude Design on 17 April 2026. It can read a team’s codebase and design files, build a design system from them and hand a finished design to Claude Code. Figma Make works in a similar way inside Figma.
For me this means a coded prototype on the real design system is the normal output of the make phase. A static screen answers fewer questions. I wrote about how this changes the handover.
2. Designers ship code
Designer Fund’s 2026 report says that half of the surveyed designers have shipped AI-generated code to production. It also reports that 65% of designers take on more product or engineering work. The line between design and engineering is thinner than it was.
This does not make engineers less important. It makes the design system and its tokens more important, because they decide whether generated code looks and behaves like the product.
3. Design systems become context for AI
A design system used to be a library for people. Now it is also what an AI tool reads before it builds anything. Named tokens, components with clear variants and documented rules lead to better output. A messy system leads to confident nonsense.
On my own website every CSS value comes from a token, and Figma MCP can feed the same values to Claude Code. See how tokens and Figma MCP work together.
4. The rules arrived at the interface
The European Accessibility Act has applied since 28 June 2025 and covers e-commerce, consumer banking and other digital services. The transparency rules of the EU AI Act became applicable on 2 August 2026. People have to be told when they talk to an AI, and generated content has to be marked.
These are design requirements, not only legal ones. I wrote about both: accessibility and designing AI products.
5. Collaboration needs attention
The same Designer Fund report says the share of designers who feel AI reduced collaboration rose from 5% to 20%. Faster making can mean more solo work. I counter this by involving engineering from research and sizing, and by testing working prototypes with users in short cycles.
What has not changed?
- Talking to users and stakeholders.
- Framing the problem and choosing the riskiest assumption.
- Deciding what ships, and what it costs.
- Measuring whether it worked.
That is why the first two and the last three steps of my process are human-led. AI speeds up the middle.
What should you do about it?
- Build prototypes on your real design system.
- Clean up your tokens and component names.
- Bring engineering in early.
- Add accessibility and AI transparency to your definition of done.
Key takeaways
- Working prototypes are the new default output.
- The design system is now AI context.
- Accessibility and AI transparency are part of the interface.
- Judgement stays with people.
Sources: Claude Design launch, VentureBeat · AI in Design 2026, Designer Fund · European Accessibility Act, Davis Wright Tremaine · EU AI Act transparency obligations, Goodwin