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

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 11:10–11:15

Outdoor Stage

Architecting the 100X SDLC: Building Production Trust into AI-Assisted Delivery

Ranjan Parthasarathy

Founder, CPTO/CEO at AXIOMSTUDIO.AI

Ranjan Parthasarathy
Open session

World Congress 2026 North America

September 24, 2026 · 11:40–12:10

Tech Leaders Stage

Rethinking Developer Tools for the Agent Era

Han Wang, Sam Bhagwat, Ben Haefele, Ignacio Riesgo

Han Wang
Sam Bhagwat
Ben Haefele
Ignacio Riesgo
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Mainstage

Our Brains in the AI Era

Cassidy Williams

Senior Director of Developer Advocacy, GitHub

Cassidy Williams
Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 1

The Era of Machine-Driven Defense is Here: Headless Security

Loris Degioanni

Founder & CTO of Sysdig

Loris Degioanni
Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 6

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi
Open session

World Congress 2026 North America

September 25, 2026 · 14:10–14:40

Mainstage

Signal Layer: What to Build When Anything Can Be Built

Lena Hall

Data + AI Engineer, Pragmatic AI Adoption Expert and Architect

Lena Hall

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.