Class Project for Figma Essentials by Dan Scott.

Class Project 01: This is the brief I generated

Lalita Wines - Figma Class Project - image 1 - student project

Class Project 02: The wireframes

Lalita Wines - Figma Class Project - image 2 - student project

Class Project 03: Icons

Lalita Wines - Figma Class Project - image 3 - student project

Class Project 04: Prototyping

Class Project 05: Smart Animate

Lalita Wines - Figma Class Project - image 4 - student project

Class Project 06: Moodboard

Lalita Wines - Figma Class Project - image 5 - student project

Class Project 07: Color Styles

Lalita Wines - Figma Class Project - image 6 - student project

Class 08: Text styles

Lalita Wines - Figma Class Project - image 7 - student project

Class Project 09: Drawing icons and buttons

Lalita Wines - Figma Class Project - image 8 - student project

Class Project 10 & 11: Adding images & Buttons

Lalita Wines - Figma Class Project - image 9 - student project

Class Project 12: Autolayout, contraints, nested frames, auto height.

Lalita Wines - Figma Class Project - image 10 - student project

Lalita Wines - Figma Class Project - image 11 - student project

Class Project 13: Effects

Lalita Wines - Figma Class Project - image 12 - student project

Class Project 14: Components

Lalita Wines - Figma Class Project - image 13 - student project

Class project 15: Variants

Lalita Wines - Figma Class Project - image 14 - student project

Class Project 16: Form with variants

Lalita Wines - Figma Class Project - image 15 - student project

Class Project 17: Prototyping tooltip, nav and modal overlay

Lalita Wines - Figma Class Project - image 16 - student project

Lalita Wines - Figma Class Project - image 17 - student project

Class Project 18: Animation

Lalita Wines - Figma Class Project - image 18 - student project

Class Project 19: Transition between slides

Lalita Wines - Figma Class Project - image 19 - student project

Class Project 20: Micro-interactions

Lalita Wines - Figma Class Project - image 20 - student project

Final project:

Lalita Wines - Figma Class Project - image 21 - student project

View the full interactive project and prototype here:

https://www.behance.net/gallery/218721815/Lalita-Wines-UI-Case-Study

Komal Bansode

3