11AI for interface design

Intermediate

Screens, systems and code. Generated first drafts, design systems as the thing that makes them usable, and evaluating what an agent built.

Free access

What AI changed about interface work

Curriculum

Free
What AI changed about interface work
Film · Plate · Terms
Generating a first screen, and why it is a draft
Plate · Terms
Design systems as the thing that makes generation usable
Film · Plate · Terms
From a Figma file to working code
Film · Plate · Terms
Prototyping with a coding agent
Film · Plate · Terms
Writing an interface's words with a model
Diagram · Film · Plate · Terms
Accessibility, checked automatically and by hand
Film · Plate · Terms
Designing interfaces that contain a model
Film · Plate · Terms
Loading, failure and the states nobody designs
Film · Plate · Terms
Research and synthesis with a model
Film · Plate · Terms
Evaluating what an agent built
Film · Plate · Terms

Play what you learned

Play AI for interface design5 games at four levels, from Easy to Extremely hard. A new set every time, and a stamp for your ticket book.

Next in AI and creative technology

AI creative workflows