I’ve designed 10 design systems, and even in 2026, the same problem keeps showing up on prospective client calls:
Most AI tools still use design languages and component systems that were never actually built for AI interactions or modern design engineering workflows.
Patterns like chat interfaces, prompt libraries, workflows, confidence rationales, memory behavior, and agent interactions are no longer peripheral. They are the product experience.
Which means the design system needs to be intentionally designed — not assembled screen by screen and hoped to feel cohesive later.
And no UI kit really solves this for you. Not Shadcn. Not MUI. Not premium kits. Not whatever’s trending on Figma Community this month. You still have to build these foundations yourself.
That remains true even if you’re hiring design engineers or building AI-first product workflows. Because the real leverage comes from getting the foundational patterns right early. Once those are solid, everything else — screens, flows, scaling, velocity — becomes significantly easier.
Weak foundations eventually surface everywhere.
And in most AI products, the long-term bottleneck usually isn’t engineering speed or even growth. It’s that the design, UX, and customer experience layer can’t scale with the pace of the product.
The patterns most teams are still missing:
— Workflow states
— Partial responses
— Retry and recovery flows
— Editable AI responses
— Memory behavior
— Multi-agent interactions
— Ambiguity handling
— Confidence levels
Each of these needs UX thinking before visual design.
What is the user trying to understand in this moment? What happens when output is incorrect, incomplete, delayed, or changing in real time?
How does the interface communicate trust, uncertainty, progress, or control?
That interaction layer is becoming just as important as buttons, forms, and navigation.
Treat it like core infrastructure — because now, it is.
After building 4 design systems since December — mostly for AI-first products evolving beyond basic MVPs — one thing I’ve realised is:
People often underestimate how much (or how little) needs to go into color systems.
Not every product needs an extensive palette from day one.
But once products start dealing with analytics, dashboards, operational workflows, tracking systems, charts, and layered states — color systems start carrying a lot more responsibility than just branding.
One green and one red is almost never enough.
Semantic tokenisation becomes incredibly important here too.
Instead of:
“Use Blue 500”
Teams start designing with:
→ action.primary
→ bg.surface
→ border.subtle
→ field.disabled
→ chart.indigo
Structured tonal ramps also help massively with hover states, overlays, dark mode, elevation systems, accessibility contrast, and scaling UI cleanly without introducing random colors every sprint.
And accessibility mapping becomes critical very quickly in mature products — especially across data-heavy and information-dense experiences.