Sign up

< all workshops

online workshop

UX/UI Design & Figma Introduction

5×2.5h + Q&A 
Next workshop: April 20th – 28th, 2023
09:00 – 11:30 am pt check your time zone

Book now

If you are new to UX/UI Design and/or Figma then this workshop is what you are after. We will start from scratch, getting to know the all-mighty Figma and all its features.

During the course of 5 sessions, we will learn everything from component-based UI to basic responsive setup and hand-off. Always based on the UX/UI principles that we will get to know along the way.

Dates:

Workshop, 5×2.5h + Q&A
April 20th - April 28th 2023
09:00 – 11:30 am pt ( 18:00 – 20:30 cet )  check your time zone

Thu April 20, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Fri April 21, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Wed April 26, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Thu April 27, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Fri April 28, 09:00 – 11:30 am pt (18:00 – 20:30 cet)

Who Is This For?

This is for anyone that wants to get started with UX/UI Design and Figma. This is also an ideal course if you switch from graphic design and want to know how things work differently in UI Design and Figma.

All you need is to sign up for a free Figma account, and you are ready to go. No previous knowledge is required.

Overview

A detailed day-by-day overview. This might be slightly adapted, depending on new releases.  

 

Day 1

Introduction to Figma:

  • General file structure
  • Building a basic wireframe.
  • Exploring the Figma tools.
  • Creating reusable styles, components and instances in Figma.

 

Day 2

Understanding UX Principles

  • Understanding UX design principles.
  • How to plan a page flow, structure, and interaction?
  • How to guide visitors through our content
  • How to present the right type of information at the right time?
  • How to plan for errors?

Basic Prototyping in Figma

  • How to turn the wireframe into a clickable prototype.

 

Day 3

Understanding UI Principles

  • Principles of UI design.
  • How to create a hierarchy with color, size, and shape
  • How to focus the visitor’s attention and create a clear, easy-to-digest structure

Design elements in Figma: Color, Typography, and Images in UI & Figma

  • Color, Typography, and Images in UI & Figma
  • Figma file structure
  • Typography and Color in Figma
  • Creating stylesheets in Figma

 

Day 4

Responsive Design

  • How to adapt our design and components to different screen sizes.
  • The theory behind responsive design by understanding CSS breakpoints and responsive grid setup.
  • Let’s turn our components and pages into adaptive designs using auto layout and constraints.

 

Day 5

Sharing, documenting, and handing off design

  • How to add structure to our design to improve sharing and working as a team.
  • Storing our styles and components and setting up and consuming team libraries.
  • Let’s talk about the famous handoff to development and have a look at inspect mode.

Join the April workshop

5×2.5h + Q&A

 

Thu April 20, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Fri April 21, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Wed April 26, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Thu April 27, 09:00 – 11:30 am pt (18:00 – 20:30 cet)
Fri April 28, 09:00 – 11:30 am pt (18:00 – 20:30 cet)

check your time zone

00

DAYS

00

HOURS

00

MINS

00

SECS

Book now

Stay informed about future workshops

Sign up and be the first to know about new releases, workshops, and articles.