Certified UI design course with Figma

18–20 Apr 2023, 13:00–18:00 (UK)
Remote via live video
Beginners–Intermediate
2,203 SR–2,678 SR

What's on

Days 1 – UI foundations, day 2 – Prototyping in Figma, day 3 – Project work

XD is sooo 2022 🫢 — it's time to up your game with Figma. This hands-on 3-day course in User Interface design is where you will learn how to use responsive grid system, create a style guide, and of course wireframing and prototyping various project briefs using Figma.

💼 You will be working on various projects with lots of practical exercises throughout the days. And you'll design your own portfolio too. One-to-one mentoring is available as a ticket option: we'll review your portfolio, provide career advice, salary insights, and prepare you for that interview.

The course is run remotely via live video 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

Sergei from Estonia 🇪🇪 – UX designer & entrepreneur with 20+ years of experience working with Microsoft, Heathrow and British Gas. Organiser of TheUXConf.

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.

Shauna

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.

Jordan

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.

Izzy

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.

Cerise

Day 1 — UI design fundamentals

You'll learn the base User Interface design principles, how to make your UI responsive and accessible, create a style guide, and more. Show more Show less

UI design principles & process
to understand where User Interface design sits in a process and essential design fundamentals
typography and importance of content design
knowing when to use px and em, n-dash and m-dash, how to embed fonts and to avoid faux fonts, making your content legible
accessibility
to make sure you design complies with industry-standard Web Content Accessibility Guidelines (WCAG)
iconography
how to make your icons meaningful and sharp
graphics
understanding which media format to use when (raster versus vector), and how to optimise it for the best performance
layout using responsive grid
to make sure your design works across different devices, benefitting from mobile-first approach
styling and design systems
creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
designing with development in mind
to ensure your design is technically feasible to implement, understanding technical constraints

Show more Show less

The School of UX, students completing UI exercises as part of day 2 of the in-person course

The School of UX, esponsive UI design exercise on day 2 on UI

The School of UX, creation of UI style guide on day 2 of the course

The School of UX, responsive UI design techniques covered as part of day 2 of the course

The School of UX, padding versus margin explained on day 2 of the course

Day 2 — Wireframing & Rapid Prototyping

At this workshop you'll create an interactive prototype of your own portfolio website using Figma, which you'll then preview and test on your mobile phone. Show more Show less

structuring content
emphasising the importance of starting design with content (not chrome), which is most relevant to users
creating layout in Figma app
to visualise concepts bearing in mind different device form factors, including designing responsive UI for mobile
embedding fonts, icons and graphics
to prepare all the assets for prototyping stage and handover to developers
prototyping interactions
creating interactive rapid prototype (no code behind) to be used in-browser as well as real device, optimising for touch
testing on a real device
sharing, testing and giving feedback on a working rapid prototype on your mobile phones
review of UI design tools
overview of the most commonly used apps used by User Interface designers on the market