> Markdown version of [/events/world-congress-2026-europe/sessions/1052-design-systems-for](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1052-design-systems-for). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

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


- **Date:** Thursday, Jul 9, 2026
- **Time:** 10:50–11:20 (30 min)
- **Room:** Stage 11
- **Event:** World Congress 2026 Europe

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/100019-design-systems-for-the-machines-how-to-make-ai-understand-your-ui)

## Description

Design systems were created to make interfaces predictable for humans, now we need to make them predictable for machines.
In a world where AI agents analyse, navigate and document our UIs, a component is only as useful as it is machine-readable.

This talk shows how to embed semantic metadata, accessibility signals and structural intent directly into your design-system components, so AI can correctly interpret their purpose, behaviour and constraints.

Jennifer demonstrates how machine-readable components unlock automatic documentation, AI-assisted accessibility reviews, intelligent refactoring and design-to-code pipelines that actually understand your product.

The session delivers a forward-looking, practical blueprint for design systems that aren't just beautiful and consistent, but self-descriptive, inspectable and fully compatible with the AI-driven workflows of the future.

## Speaker

### [Jennifer Wjertzoch](https://www.wearedevelopers.com/@jennifer-wjertzoch)

Senior Frontend Engineer at DKB Code Factory


## Related talks at this congress

- [Best Practices for AI-Assisted Development of Distributed Systems](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1228-best-practices-for) — Przemysław Ładyński
- [Making Documentation AI-Ready: Preparing Your Docs for the LLM Era](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1232-making-documentation) — Edvin Teskeredzic
- [Giving AI eyes: How to build a dashboard you can't see](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1215-giving-ai-eyes-how) — Josh Hobson
- [High Quality AI Development](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1459-high-quality-ai) — David Tielke