Half-day workshop

Design Systems

21 Mar 2025, 13:00–17:00 (UK)
🇬🇧 London SE16 7AR, UK or Zoom
Intermediate–Advanced
1,023 SR–1,536 SR (you can Pay in 3)

👉🏼 Book now places are limited

What's on

Learn how to create your own style guide & UI library as part of a design system using Figma.

From setting up & sharing UI libraries with teams and keeping its structure atomic, to prototyping & micro-interaction, and developer handover.

📍 The course is run in-person at Canada Water Culture Space in London SE16 7AR. You can join online too via Zoom with live instructors (not recordings) – you'll be able to ask questions and we'll provide feedback on your work in real-time.

Who runs it

Iannish – Lead Product Designer at what3words. Previously worked for BBC, ITV and Time Inc.

Our students rate us ‘Excellent’.
Come see why for yourself.

We've helped peeps from graphic, print, UX and UI design backgrounds, marketers, BAs, PMs and completely new to design (from choreographers to accountants).

For anyone who’s self-taught in UX, I’d strongly recommend this course it’s a game changer!

Maria, UX Designer @ IBM

If you’re building or improving digital products, this course will deliver real value to your team and users alike.

Gary, Product Owner @ Johnson & Johnson

Thanks to Sergei from the School of UX for delivering AI+UX training for my team. Well structured, concise and delivered with a smile.

John, UX Manager @ Ford

I landed my current role because of the portfolio piece I specifically did with The School of UX so I'm very glad I attended this short course.

Stephanie, UX Designer @ Electronic Arts

What we'll cover

A hands-on interactive session with plenty of exercises building your design system — from the basics of setting up a team in Figma to how to share your design library with other teams and companies: Show more Show less

Keeping the atomic structure of your library simple so you don't create unnecessary complexity
Determining what should be a component with development handover in mind
How to share libraries with teams and what privileges to give to different parts of the business
How to update them so you don't break your team's hard work and crucially don't lose the data in each instance of a component
Autolayout: tips and tricks for responsive layout that can reduce your workload by about 60%
Prototyping and micro-interaction possibilities in Figma
Dev handover. The basics and the advanced things that developers don't tell you but will improve your relationship with them
Remote working: Who to share your designs and get stakeholders to follow