Video Courses Workshops Team Training Freebies
Start Now

Agentic AI for Designers

AI is moving fast, and most of what is written about it is written for developers. This course is built for designers. No code, but a real understanding of the concepts and workflows behind what is happening. From the AI landscape and vibe coding to pair design and full agentic setups. A clear and honest look at what it means for your work, and how to start using and collaborating with agents.

Arrange a booking call

WHAT YOUR TEAM WALKS AWAY WITH: 

01

Cut through the AI overwhelm.

A clear map of what is out there, what is worth using, and what to ignore. No more drowning in tools and hype.

02

Agent-ready Figma files.

Learn exactly how agents read variables, styles, components and auto layout, how to setup design.md, skills and added context for agents. 

03

Build own agents with Claude.

A small-scale working agentic workflow you built yourself, so you understand what is actually possible and how to take it further.

Who this is for

UI and product designers who use Figma daily.
No technical background needed.

A solid Figma foundation is recommended!
Otherwise, a combination with the Figma Foundation Masterclass is recommended.

Format

3 remote sessions: 2 hours each

Full-day workshop: in-person or remote

 

Course Breakdown in Detail

 

Part 1: Introduction to AI

  1. Introduction to AI in design
  2. Why AI Literacy counts
  3. The current AI landscape
  4. Understand models and you understand everything
  5. Different tools for different jobs
  6. Quick intro to vibe coding and ai coding tools
  7. Where AI genuinely helps designers
  8. Where it still fails (and why knowing this saves you time)
  9. What is agentic AI


Part 2: Agents and Design in Figma

  1. Agentic design for designers
  2. Why context matters with AI agents
  3. What is an MCP
  4. Using MCPs in Figma
  5. Agents reading variables
  6. Agents reading styles
  7. Agents reading components
  8. Agents reading auto layout
  9. What is a design markdown
  10. What is a skill
  11. Mapping Layers


Part 3: Hands-on: Build your own agentic workflow in Claude Cowork

  1. Demo of the team we will be building
  2. Download Files and Setup
  3. Understanding the Claude.md
  4. Setting up context files
  5. Agents using context files
  6. Canary tokens
  7. What is a skill, and how to make one
  8. Connecting your agents to Figma
  9. Setting up a mini design system
  10. Scheduling and recurring agent runs
  11. Adding memory
  12. How to scale this


Bonus

Useful plugins tips and tricks

*Note: A solid Figma foundation is essential for this course. Components, properties, variables and auto layout need to feel like home before we layer agentic workflows on top. If your team is not fully there yet, the 5-day Figma Masterclass covers all of that and includes this agentic AI content on top. The complete package, start to finish.