Here is my project for the class, step by step!

Class Project 1 : The Brief

Figma Essentials - Class Project - image 1 - student project

Class Project 2 : Wireframes

Figma Essentials - Class Project - image 2 - student project

Class Project 3 : Icons

Figma Essentials - Class Project - image 3 - student project

Class Project 4 : Testing on your phone

Figma Essentials - Class Project - image 4 - student project

Class Project 5 : My first animation

Figma Essentials - Class Project - image 5 - student project

Class Project 6: Moodboard

Figma Essentials - Class Project - image 6 - student project

Class Project 7: Columns and Colors

Figma Essentials - Class Project - image 7 - student project

Class Project 8: Text and UI cards

Figma Essentials - Class Project - image 8 - student project

Class Project 9: Icons and Homepage first draft

Figma Essentials - Class Project - image 10 - student project

Figma Essentials - Class Project - image 11 - student project

Class Project 10: Images (nothing new I must admit)

Figma Essentials - Class Project - image 12 - student project

Class Project 11: Buttons

Figma Essentials - Class Project - image 13 - student project

Class Project 12: Auto layout

Figma Essentials - Class Project - image 15 - student project

For this exercice, I used what we learnt to try my own experiment with double auto-layout, and I kinda sweat but I made it somwhat responsive!

Class Project 13: Effects

Figma Essentials - Class Project - image 17 - student project

Mainly drop shadows and inner shadows, as I realised I had already been using background blur previously.

Class Project 14: Components

Figma Essentials - Class Project - image 19 - student project

Class Project 15: Variants

Figma Essentials - Class Project - image 20 - student project

Class Project 16: Form

Figma Essentials - Class Project - image 21 - student project

Class Project 17: Prototyping

Figma Essentials - Class Project - image 23 - student project

Class Project 18: My second animation

Figma Essentials - Class Project - image 25 - student project
(The gif quality is not very good but the real deal is much better I promise haha)

Class Project 19: Page animation

Figma Essentials - Class Project - image 26 - student project

Class Project 20: Micro-interaction

Figma Essentials - Class Project - image 27 - student project

Class Project 21:

Sulka

Graphic designer sharpening my UI/UX

--

1