English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 30 Lessons (5h 31m) | 1.47 GB
If you’ve ever felt overwhelmed by Figma’s many features or wished your workflow was more efficient for web design projects…
Then this course is your ticket to mastery in web design using Figma.
We’ve teamed up with Maddie Beard, an experienced instructor at Flux Academy. Maddie has guided tens of thousands of designers around the world, including well-known brands like Adobe, Webflow, Loom, and more. Plus, she makes learning a real pleasure!
And, as you know, at Flux Academy, we don’t just “publish” courses…..
Our courses strive to provide you with a complete experience to help you learn skills quickly and efficiently.
Table of Contents
1 Welcome & Course Overview
2 Setting up your Figma account and creating a new project
3 Exploring the Figma interface setting up pages for our website with frames
4 Using basic shapes and tools creating the website layout
5 Working with images adding visuals to our homepage
6 Using masks enhancing the visual design
7 Creating and using icons adding interactive elements to our design
8 Working with text adding headlines and copy to our homepage
9 Choosing and applying colors styling our homepage
10 Creating a color and typography style guide ensuring consistency
11 Creating components designing reusable buttons for our site
12 Using Auto Layout for responsive elements building a responsive header
13 Creating and managing components building the product listing page
14 Boolean variable for button component (icon)
15 Making the page responsive, designing for different breakpoints
16 Design product detail page with learned skills
17 Creating basic prototypes linking the homepage to the product listing page
18 Adding interactions and animations enhancing the product detail page
19 Designing the shopping cart and checkout pages with learned skills
20 Cart overlay and animated pre-loader
21 Inviting team members and setting permissions working collaboratively
22 Commenting and resolving feedback reviewing our design
23 Sharing designs with developers preparing for handoff
24 Exporting assets for the web wrapping up the project
25 Building a design system extending our project
26 Basics of Variables
27 Mobile & Mirror
28 Exploring useful Figma plugins enhancing our workflow
29 Certification Assignment
30 Conclusion & next steps
Resolve the captcha to access the links!