Sign up

Resources 

Free files for existing students

General: 

A list with links to helpers & inspirations

Open

UX/UI Basics

Class Overview

UX Principles Exercise in Figma (.fig)

Download

UI Principles Exercise in Figma (.fig)

Download

UI Design with Figma

Class Overview

Getting Started with Figma V1 (.fig)
March 8th 2022

Beginners class

Download

Variables: Getting Started, Setup, use, Collections, Aliasing and Modes

moonlearning.io exclusiveĀ 

View couse

Components, Variants, Properties, Organizing, Sharing & Documenting

moonlearning.io exclusiveĀ 

View couse

Responsive Design with Figma V3 (.fig)
July 4th 2023

Auto Layout, Constraints & Breakpoints

Download

Figma Prototyping Deep Dive Course V3 (.fig)
July 4th 2023

Beginners to pro

Download

Prototyping with Figma Variables V1 (.fig)
June 29th 2023

Part of the Figma variables and Prototyping class

Download

Documenting & Collaborating with Figma. Design to Development Handoff

moonlearning.io exclusive 

View couse

Colour and Typography in UI Design

Class Overview

Colour Stylesheet  (.fig)

Download

Typography Stylesheet 8/4pt Approach (.fig)

Download

Typography Stylesheet Ratio Approach (.fig)

Download

Grids & Responsive UI Design 

Class Overview

Responsive & Adaptive Grids in Figma (.fig)

Download

CSS Grid Figma Playground (.fig)

Download

Course Project: Responsive Portfolio in Figma (.fig)

Download

Bootstrap Playground (HTML & CSS)

Download

CSS Grid Playground (HTML & CSS)

Download

Figma Bootstrap Grid Template (.fig)

Download

Outdated: Design Handoff to Development Course

Class Overview

Pdf Cheatsheet: Asset Export the right way

Download

Design Handoff to development course Figma file (.fig)

Download

Join the Newsletter

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