Raphael Thys
  • About
Contact me
Digital Transformation and Digital Products at the age of AI
LinkedInInstagramFacebookXSpotify
Futurist · Keynote Speaker · AI Coach
Futurist · Keynote Speaker · AI Coach
/
Rethinking Design Systems in the Age of AI: From Governance to Intelligence | by Angus Ewing | Jul, 2025 | Design Systems Collective

Rethinking Design Systems in the Age of AI: From Governance to Intelligence | by Angus Ewing | Jul, 2025 | Design Systems Collective

Design systems have matured significantly over the past decade. They’ve gone from style guides and reusable libraries to fully-fledged ecosystems that enable scalable, efficient product design across organisations.

But now, we’re entering a new era — one where AI isn’t just a productivity boost, but a fundamental shift in how digital products are created, maintained, and evolved. And this has big implications for the systems underpinning our design infrastructure.

image

In this article, I unpack what happens when AI meets design systems — and how this convergence is fundamentally reshaping how we think about scale, consistency, governance, and even creativity.

Why the Traditional Design System Model Needs Reinvention

Design systems today are largely human-maintained. Whether centralised or federated, most systems rely on teams of designers and engineers to build, govern, and evolve libraries, tokens, documentation, and standards.

The challenges are familiar:

  • Keeping Figma and code in sync
  • Ensuring adoption across squads
  • Managing version control and design drift
  • Encouraging meaningful contributions without creating chaos
  • Dealing with divergent accessibility practices or inconsistent motion

These are solvable — but the overhead is significant.

AI introduces a new operating model. One that doesn’t just help manage complexity, but fundamentally changes how design systems behave.

What an AI-Powered Design System Actually Looks Like

Let’s break it down into capabilities — many of which are already emerging in early-stage tools or custom internal platforms.

1. Design Systems That Learn and Adapt

Modern design systems provide consistency. But AI-powered systems will learn from how components are used in the real world — across teams, contexts, and users.

Imagine a system that automatically:

  • Detects underused or misused components
  • Flags patterns that lead to high friction or low conversion
  • Suggests new variants based on screen analytics
  • Adapts documentation based on usage maturity or audience

This turns the system from a prescriptive model into a responsive engine — one that gets better the more you use it.

2. Dynamic Code ↔ Design Syncing

Design-code drift remains one of the most expensive and frustrating issues in digital product teams.

In the AI-enhanced future, we’ll see:

  • Codebases scanned and converted into visual components in Figma (design-from-code)
  • Figma components rendered directly into code, with semantic naming, props, and hooks (code-from-design)
  • Git and Figma working as a two-way source of truth — with AI flagging discrepancies or outdated assets

This gives teams true interoperability, reducing handoff time and preventing translation errors.

3. Personalised System Views by Team or Role

Design systems tend to be one-size-fits-all. But AI opens the door to role-aware, project-specific experiences.

For example:

  • A squad working on a mobile app gets system recommendations filtered for touch-first, native design patterns
  • A developer sees usage guidance based on the tech stack (e.g., Angular or React-specific implementation)
  • A copywriter sees tone guidance and best-practice content for specific components (like modals or empty states)

We stop making teams navigate the system — and start surfacing what they need, where they are.

4. Prompt-Led Creation & Discovery

One of the most tangible benefits of AI is the ability to create and interact with systems using natural language.

Instead of combing through libraries, teams will simply ask:

  • “Design an onboarding screen using our primary brand style, with a progress indicator and action CTA”
  • “Which components are used in our most accessible dashboards?”
  • “Generate a variant of this card for dark mode with bilingual support”

This brings down the barrier to system usage — especially for newer team members or non-designers — and makes the system more conversational, contextual, and fast.

5. Automated Governance & Contribution Review

Contribution and governance are where many design systems break down. Submitting new components can be slow, opinionated, or blocked by unclear processes.

With AI, we can:

  • Pre-validate new components for duplication, naming conventions, and accessibility
  • Auto-generate documentation, usage guidelines, and code scaffolding
  • Suggest potential system impact or conflicts before approval

This creates intelligent guardrails rather than bottlenecks, freeing up human reviewers to focus on nuance and craft.

6. Living Documentation and Embedded System Coaching

Instead of static guidelines, AI can create dynamic documentation that adjusts as components evolve.

  • Design tokens can carry their own usage stories
  • Components can “explain themselves” when hovered or clicked
  • Tooltips, suggestions, and micro-learning prompts can show up in context — across Figma,
  • Storybook, or even your IDE

The design system becomes a coach, not a library.

The Role of the Design System Team in an AI-Powered World

So, where does this leave system teams?

Far from being replaced, the role of system teams becomes more strategic and more focused on:

  • Training the system (feeding it quality examples, patterns, edge cases)
  • Defining ethical, inclusive, and scalable defaults
  • Stewarding design intent and brand expression
  • Bridging design, dev, product, and AI operations

In many ways, the team becomes a curator and architect — enabling the system to serve teams more intelligently and autonomously.

Steps You Can Take Now

Even if you’re not fully AI-powered yet, you can future-proof your system by:

  1. Instrumenting usage: Track which components are used, where, and how — and make decisions based on data.
  2. Standardising tokens: Make your tokens platform-agnostic, API-ready, and mapped to design intent.
  3. Documenting rationale: Start capturing the “why” behind decisions — so AI agents have context to work from later.
  4. Exploring prompt-based tooling: Tools like Figma AI, Penpot AI, and GPT-based assistants can already help teams scaffold ideas, documentation, and variants.

Final Word: We’re Not Just Designing Systems — We’re Designing Intelligence

Design systems are no longer just tools for consistency and efficiency. They are becoming active partners in product creation.

The systems of the future will:

  • Observe
  • Predict
  • Generate
  • Explain
  • Evolve

They’ll reduce cognitive load, eliminate repetition, and amplify creativity. And they’ll do it while upholding the values, aesthetics, and accessibility standards we care about.

This is a shift that demands new thinking from design leaders.

We’re not just maintaining systems anymore.

We’re training design intelligence.

Addition date
Jul 16, 2025 8:18 AM
mTags
Artificial intelligenceArtificial intelligenceEngineeringHealthHealthMachine LearningMaterialsMaterials
Added by
U
Untitled
Link
https://www.designsystemscollective.com/rethinking-design-systems-in-the-age-of-ai-from-governance-to-intelligence-c5743403e005
Horizon and history date
2025
LAN
EN