Designing Style Guide & UI Library workshop

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

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 Posooa – 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 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
✋🏽 One-to-one mentoring
(bookable separately)

Our 3000+ 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

Other courses

9–13 Aug
Beginners–Intermediate
The School of UX speaker Chimmy Kalu
Professional designer will teach fundamentals of UX research to prototyping UI in XD.
11 Aug
Beginners–Intermediate
The School of UX speaker Chimmy Kalu
A hands-on workshop on wireframing and prototyping User Interface in Adobe XD.
12 Aug
Beginners–Advanced
The School of UX speaker Patrick Fagan
A fascinating workshop on how to use behavioural science to optimise and personalise user experiences.
13 Aug
Beginners–Intermediate
The School of UX speaker Felice Hawley
This practical workshop will teach you digital copywriting skills and basic content strategy techniques.
6–10 Sep
Beginners–Intermediate
The School of UX speaker Sergei Golubev
Day 1 – UX, day 2 – UI, day 3 – Wireframing, day 4 – Behavioural UX, day 5 – Content design.
8 Sep
Beginners–Intermediate
The School of UX speaker Chimmy Kalu
Hands-on workshop designing User Interface wireframes and rapid prototyping in Sketch & Figma apps. 
9 Sep
Beginners–Advanced
The School of UX speaker Patrick Fagan
A fascinating workshop on how to use behavioural science to optimise and personalise user experiences.
10 Sep
Beginners–Intermediate
The School of UX speaker Felice Hawley
This practical workshop will teach you digital copywriting skills and basic content strategy techniques.
4–8 Oct
Beginners–Intermediate
The School of UX speaker Chimmy Kalu
We'll help to upskill junior designers in UX, and introduce UX to complete beginners.