1. Welcome & Course Overview - Flux Academy
1. Welcome & Course Overview - Flux Academy
2. Setting up your Figma account and creating a new project - Flux Academ
2. Setting up your Figma account and creating a new project - Flux Academy
3. Exploring the Figma interface setting up pages for our website with frames - Flux Academ
3. Exploring the Figma interface setting up pages for our website with frames - Flux Academy
4. Using basic shapes and tools creating the website layout - Flux Academ
4. Using basic shapes and tools creating the website layout - Flux Academy
5. Working with images adding visuals to our homepage - Flux Academ
5. Working with images adding visuals to our homepage - Flux Academy
6. Using masks enhancing the visual design - Flux Academ
6. Using masks enhancing the visual design - Flux Academy
7. Creating and using icons adding interactive elements to our des
7. Creating and using icons adding interactive elements to our desi
8. Working with text adding headlines and copy to our homepage - Flux Academy
8. Working with text adding headlines and copy to our homepage - Flux Academy
9. Choosing and applying colors styling our homepage - Flux Academy
9. Choosing and applying colors styling our homepage - Flux Academy
10. Creating a color and typography style guide ensuring consistency - Flux Academ
10. Creating a color and typography style guide ensuring consistency - Flux Academy
11. Creating components designing reusable buttons for our site - Flux Academ
11. Creating components designing reusable buttons for our site - Flux Academy
12. Using Auto Layout for responsive elements building a responsive header - Flux Academ
12. Using Auto Layout for responsive elements building a responsive header - Flux Academy
13. Creating and managing components building the product listing page - Flux Academ
13. Creating and managing components building the product listing page - Flux Academy
14. Boolean variable for button component (icon) - Flux Academ
14. Boolean variable for button component (icon) - Flux Academy
15. Making the page responsive, designing for different breakpoints - Flux Academy
15. Making the page responsive, designing for different breakpoints - Flux Academy
16. Design product detail page with learned skills - Flux Academ
16. Design product detail page with learned skills - Flux Academy
17. Creating basic prototypes linking the homepage to the product listing page - Flux Academy
17. Creating basic prototypes linking the homepage to the product listing page - Flux Academy
18. Adding interactions and animations enhancing the product detail page - Flux Academ
18. Adding interactions and animations enhancing the product detail page - Flux Academy
19. Designing the shopping cart and checkout pages with learned skills - Flux Academ
19. Designing the shopping cart and checkout pages with learned skills - Flux Academy
20. Cart overlay and animated pre-loa
20. Cart overlay and animated pre-load
21. Inviting team members and setting permissions working collaborativ
21. Inviting team members and setting permissions working collaborative
22. Commenting and resolving feedback reviewing our design - Flux Academ
22. Commenting and resolving feedback reviewing our design - Flux Academy
23. Sharing designs with developers preparing for handoff - Flux Academy
23. Sharing designs with developers preparing for handoff - Flux Academy
24. Exporting assets for the web wrapping up the proj
24. Exporting assets for the web wrapping up the proje
25. Building a design system extending our project - Flux Academy
25. Building a design system extending our project - Flux Academy
26. Basics of Variables - Flux Academy
26. Basics of Variables - Flux Academy
27. Mobile & Mirror - Flux Academy
27. Mobile & Mirror - Flux Academy
28. Exploring useful Figma plugins enhancing our workf
28. Exploring useful Figma plugins enhancing our workfl
29. Certification Assignment
30. Conclusion & next steps - Flux Academy
30. Conclusion & next steps - Flux Academy
