WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe • Jul 9, 2026 • Session details

Design Systems for the Machines - How to Make AI Understand Your UI

Jennifer Wjertzoch

AI agents can parse your DOM, but they consistently fail to deduce intent. Discover how to build machine-readable design systems using flawless HTML and ARIA signals.

Pause
Mute Enter Fullscreen
#1 about 4 min

The shift from human-oriented to machine-readable interfaces

Design systems must evolve beyond visual consistency to provide predictable signals for automated machine interactions.

#2 about 2 min

How AI agents interpret web applications and visual elements

Agents rely on explicit underlying data structures rather than visual inferences to interact with digital applications.

#3 about 3 min

Three core challenges AI agents face in UI navigation

Artificial intelligence struggles to operate interfaces that lack standardized meaning, state behavior, and workflow intent.

#4 about 4 min

Solving UI ambiguity with HTML semantics and ARIA metadata

Embedded structural metadata provides the essential context required for machines to understand interactions without visual rendering.

#5 about 6 min

Demonstrating AI reliability with semantic versus generic UI components

Live code comparisons reveal how accessible element properties drastically reduce critical execution errors during automated tasks.

#6 about 4 min

Four practical outcomes of building machine-readable design components

Clear structural standards unlock automated accessibility reviews, safer refactoring processes, and accurate design-to-code generation.

#7 about 4 min

A practical blueprint for implementing agent-ready developer workflows

Teams can immediately improve systemic predictability by implementing structural audits, strict coding conventions, and CI/CD blocking mechanisms.

Matching moments

2:11 min

The shift from predictable UX to adaptive AI experiences

Madalena Costa Madalena Costa · Europe 2026 Virtual

5:43 min

Pushing back against predictable AI interfaces

9:45 min

AI agents replacing traditional web interfaces

2:49 min

Building an AI-friendly HTML design system and reference

Jeff Blankenburg Jeff Blankenburg · World Congress 2026 Europe

4:32 min

Audience Q&A on tooling choices and AI application prototyping

MIlan Todorović MIlan Todorović · World Congress 2026 Europe

3:07 min

Adapting product design for proactive and agentic AI

Ekaterina Streltsova Ekaterina Streltsova · Europe 2026 Virtual

More from World Congress 2026 Europe

Building the Nervous System of AI - Michael Kagan (NVIDIA) thumbnail
29:17
3 months ago

Building the Nervous System of AI - Michael Kagan (NVIDIA)

Michael Kagan, Sead Ahmetović

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote thumbnail
19:41
3 months ago

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote

Christian Heilmann

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend thumbnail
32:06
3 months ago

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend

David vonThenen

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes thumbnail
35:13
3 months ago

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes

Irina Branovic

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬 thumbnail
24:23
3 months ago

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬

Jeremy Murray

Angstfreude - AI and Corporate Culture - The Thrill and the Threat thumbnail
30:26
3 months ago

Angstfreude - AI and Corporate Culture - The Thrill and the Threat

Axel Ebert, Karin Krobath

Related videos

AI-Driven Interfaces: Designing the New Grammar of Interaction thumbnail
36:14
Europe 2026 Virtual • 3 months ago

AI-Driven Interfaces: Designing the New Grammar of Interaction

Markus Nissl

Design Patterns For AI Products in 2026 thumbnail
34:27
World Congress 2026 Europe • 3 months ago

Design Patterns For AI Products in 2026

Vitaly Friedman

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more thumbnail
1:06:13
LIVE • over 1 year ago

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more

Chris Heilmann, Daniel Cranney, Dirk Ginader

Designing AI-first products: When the interface is no longer the product thumbnail
20:10
Europe 2026 Virtual • 3 months ago

Designing AI-first products: When the interface is no longer the product

Ekaterina Streltsova

AI and Accessibility: The Good and the Bad - Fireside Chat thumbnail
51:09
A11y + AI • over 1 year ago

AI and Accessibility: The Good and the Bad - Fireside Chat

Léonie Watson, Artur Ortega, Karl Groves, Geri Reid, Sara Joy

Insight into AI-Driven Design thumbnail
14:29
World Congress 2024 • about 2 years ago

Insight into AI-Driven Design

Madalena Costa

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.