All skills
UX skill in the AI era

Design systems

Systems are the bridge between AI output and shipped product.

How AI is impacting this skill

AI thrives when paired with strong primitives. A clean component library, tokens, and patterns turn AI from a novelty into reliable production leverage. Weak systems multiply mess.

The shifts that matter

  • AI tools can consume tokens and components directly to generate on-brand UI.
  • Documentation quality determines AI output quality.
  • Governance and adoption become more important as generation gets cheaper.
  • Systems teams are increasingly responsible for AI tool enablement.

What to do about it

  • Audit your tokens — colour, spacing, type, radius — and document usage rules.
  • Write one component spec with anatomy, variants, states, and accessibility.
  • Connect your design system to an AI tool and observe where it fails.
  • Define adoption metrics and one ritual for keeping the system current.

Tools to try

Figma Variables / Tokens Studio

Tokenised foundations AI tools can consume.

Storybook

Source of truth for component behaviour.

Zeroheight / Supernova

Living documentation that scales with the system.

Next move

See how the rest of your skills stack up

Take the 3-minute UX skill assessment and get a focused roadmap.

Other skills