Resources
Free files for existing students
General:
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/hUCWXJ98TTuGGgOsJKcY_download-4.jpg)
A list with links to helpers & inspirations
UX/UI Basics
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/WP5MXd2pTfCDewjT9uKs_UXprinciples.jpg)
UX Principles Exercise in Figma (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/whwKdUDcR76ZB2BKzsn4_UIprinciples.jpg)
UI Principles Exercise in Figma (.fig)
UI Design with Figma
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/fHZWnYHORfy3kIFnat5C_getting_started.jpg)
Getting Started with Figma V1 (.fig)
March 8th 2022
Beginners class
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2147999379/settings_images/7c7d502-8bbb-db5-ddbe-5aabecfe54e8_37c3301d-3c6c-4cb4-82ef-636e4fb4a15d.jpg)
Variables: Getting Started, Setup, use, Collections, Aliasing and Modes
moonlearning.io exclusiveĀ
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/WOsQf4oqSgG6rMOnKZgt_components.jpg)
Components, Variants, Properties, Organizing, Sharing & Documenting
moonlearning.io exclusiveĀ
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2147999379/settings_images/8148053-dd35-701-3314-1b26b552f5e0_0249b849-d899-4372-a204-5c74987dcf95.jpg)
Responsive Design with Figma V3 (.fig)
July 4th 2023
Auto Layout, Constraints & Breakpoints
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2147999379/settings_images/b0234bc-c46-2e6-75bf-d76fa00fd4b_a8ef10e9-6781-447e-94fc-15c2d687869c.jpg)
Figma Prototyping Deep Dive Course V3 (.fig)
July 4th 2023
Beginners to pro
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2147999379/settings_images/52d3815-60c5-fae-cc3a-13cbfd3261be_3565c2ba-185d-4c36-9cb9-b724e601cf23.jpg)
Prototyping with Figma Variables V1 (.fig)
June 29th 2023
Part of the Figma variables and Prototyping class
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/file-uploads/themes/2147999379/settings_images/3470acb-ec-56db-1ab-b1ee2cc0cf_4629f276-a37a-42cb-ada1-ee4be6c09c3d.jpg)
Documenting & Collaborating with Figma. Design to Development Handoff
moonlearning.io exclusive
Colour and Typography in UI Design
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147961431/settings_images/zr0au2byTrUjuYiC32yQ_download-8.jpg)
Colour Stylesheet (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147961431/settings_images/ZtIt1ek2QDK3zVUV7Qah_download-6.jpg)
Typography Stylesheet 8/4pt Approach (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147961431/settings_images/8JGVn9kFT1qYOHE8b8q6_download-7.jpg)
Typography Stylesheet Ratio Approach (.fig)
Grids & Responsive UI Design
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/3HRYkeM3S4yX1euDbXfU_Bootstrapexample.jpg)
Responsive & Adaptive Grids in Figma (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/Hl2EBwlCTkad7dj2DyJK_CSSGrid.jpg)
CSS Grid Figma Playground (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/trxLNgZRwilCNUh6QPAV_project.jpg)
Course Project: Responsive Portfolio in Figma (.fig)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/kR68ku1OR2ug366D3NHN_Bootstrap.jpg)
Bootstrap Playground (HTML & CSS)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/EfxSKnyGSDOYLyXvQHp2_CSS_Grid.jpg)
CSS Grid Playground (HTML & CSS)
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147961431/settings_images/D4TGRLatTXuP5jyWqu8o_download-2.jpg)
Figma Bootstrap Grid Template (.fig)
Outdated: Design Handoff to Development Course
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147999379/settings_images/Vl1LEYyRQu2M1O5hRjkW_download-4.jpg)
Pdf Cheatsheet: Asset Export the right way
![](https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2147961431/settings_images/S9H5OCE5Tc6cV7kdT3jk_file.jpg)
Design Handoff to development course Figma file (.fig)
Join the Newsletter
Sign up and be the first to know about new releases, workshops, and articles.