Designing Style Guide & UI Library workshop

26 May 2021, 13:00–18:00 (UK)
Remote via live video

What's on

In this workshop you'll learn how to create your own style guide & UI library in Figma.

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

Who runs it

The School of UX speaker Iannish Posooa

Iannish from Zimbabwe 🇿🇼 – Senior Product Designer at what3words. Previously worked for brands such as BBC, ITV, Olympic Broadcasting Services and Time Inc. to name a few. The companies Iannish worked with

What our students say

We are rated 4.9 out of 5 on Trustpilot 👉🏼 read all the reviews

As a graphic designer I wanted to gain more of an insight into the world of UX/UI design and I was definitely given the knowledge and tools to be able to apply them into my day to day role.


I took this course as a content designer wanting to learn more about UI and UX. Most other courses don't offer certificates but this one did. So it's great to have actual evidence to place on my CV, LinkedIn and online portfolio.


This was a fantastic week of learning. Each tutor was incredibly helpful. Would highly recommend to anyone wanting to start a career in UX and or UI.


I did the UX writing course and it was exactly what I needed. I'm looking forward to finishing the UX/UI cycle with the school of ux and upping this to a 5-star review.


What we'll cover

  • The basics of setting up a team in Figma
  • Determining what should be a component with development handover in mind
  • Keeping the atomic structure of your library simple so you don't create unnecessary complexity
  • 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
  • Finally: How to share your design library with other teams and companies

What's included

✋🏽 Live video & real-time interaction (when remote)
💻 Hands-on exercises
individual & group
📑 Handouts & slides
for you to download
🎙️ Q&A session
with experienced designer
📖 Books & tools recommendations
💬 Private Slack group
for networking & jobs
💰 Personalised career advice
(with selected ticket option)

Our 4000+ students come from different backgrounds and countries

Complete beginners, graphic / UX / UI designers, developers, PMs, BAs, marketers. From big companies and startups to independent freelancers  👉🏼 read student reviews

How we compare to other institutions

Choosing between UX design courses at The School of UX and General Assembly, Udemy or university degrees? Any education is great. It’s up to you to pick the right one for you:

Other workshops

Your preferred date
Remote or in London
The School of UX tutor Sergei
1 day
remote daytime

UX Psychology workshop

20 Oct
The School of UX tutor Patrick
1 day
remote daytime

Content Design workshop

21 Oct
The School of UX tutor Felice