---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/ux-designer-introduction"
locale: en
meta:
  "og:title": "Academy Lesson"
---

[Go to home](https://academy.laioutr.com/en)

- [Agentic UX Designer](https://academy.laioutr.com/en/lernpfade/ux-designer-learning-path)

- [The Agentic UX Designer role](https://academy.laioutr.com/en/lektionen/ux-designer-introduction)

Introduction

# The Agentic UX Designer role

4 min

Agentic UX Designers design the frontend and give agents the frame: layout system, design tokens, page type recipes and variants. The introduction shows the eight modules of this path, how design in Figma and Studio fits together and the route to the Certified Agentic UX Designer certificate. The path builds on Foundations.

## Key takeaways

- Agentic UX Designers set the frame for pages and agents.
- Design works with tokens, sections and recipes.
- The path prepares for the exam and the practical task.

## Read more

- [Understanding design tokens and themes](https://academy.laioutr.com/en/artikel/understanding-design-tokens-and-themes)6 min

  Design tokens are named variables for colours, fonts, spacing, radii and effects that every Laioutr UI component is built on. A theme assigns concrete values to these tokens and changes the look of the whole storefront without touching any component.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/ux-designer-introduction#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/ux-designer-introduction",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/ux-designer-introduction#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/ux-designer-introduction"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/ux-designer-introduction#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic UX Designer",
          "item": "https://academy.laioutr.com/en/lernpfade/ux-designer-learning-path",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "The Agentic UX Designer role",
          "item": "https://academy.laioutr.com/en/lektionen/ux-designer-introduction",
          "position": 3
        }
      ]
    }
  ]
}
```