Over 1.000 comments
What You Get:
Introduction
Welcome & Course Overview
Module 1: The Basics
Setting up your Figma account and creating a new project
Exploring the Figma interface: setting up pages for our website with frames
Module 2: Core Tools
Using basic shapes and tools: creating the website layout
Working with images: adding visuals to our homepage
Using masks: enhancing the visual design
Creating and using icons: adding interactive elements to our design
Module 3: Mastering Type & Color
Working with text: adding headlines and copy to our homepage
Choosing and applying colors: styling our homepage
Creating a color and typography style guide: ensuring consistency
Module 4: Components & Auto Layout
Creating components: designing reusable buttons for our site
Using Auto Layout for responsive elements: building a responsive header
Creating and managing components: building the product listing page
Boolean variable for button component (icon)
Making the page responsive, designing for different breakpoints
Design product detail page with learned skills
Module 5: Prototyping & Interactions
Creating basic prototypes: linking the homepage to the product listing page
Adding interactions and animations: enhancing the product detail page
Designing the shopping cart and checkout pages with learned skills
Cart overlay and animated pre-loader
