GetFreeCourses Co-Udemy-Figma for UIUX Master Web Design in Figma

1. 1. Introduction/1. Introduction.mp457.39MB
2. 1. Introduction/10. Discover Figma’s interface & why professionals use it.mp4101.47MB
3. 1. Introduction/11. Create your first mini website.mp4138.15MB
4. 1. Introduction/12. Editing icons colors & size.mp4100.12MB
5. 1. Introduction/13. Here's why so many beginners give up.mp466.39MB
6. 1. Introduction/14. Why I don’t code (and I don’t plan to).mp444.29MB
7. 1. Introduction/3. What is Figma and is it better than other design programs.mp4134.1MB
8. 1. Introduction/4. How to get help fast.mp433.48MB
9. 1. Introduction/5. The welcome screen in Figma.mp477.69MB
10. 1. Introduction/6. Getting started with Figma.mp473.63MB
11. 1. Introduction/7. Best ways to move around in Figma.mp455.28MB
12. 1. Introduction/8. Exercise how to move elements around.mp432.89MB
13. 1. Introduction/9. Solving the exercise and a few pro tips.mp486.09MB
14. 2. Discover the most important things about Figma/1. Introduction.mp420.26MB
15. 2. Discover the most important things about Figma/10. Discover the properties of text layers.mp4106.17MB
16. 2. Discover the most important things about Figma/11. How to work with text like a pro.mp479.93MB
17. 2. Discover the most important things about Figma/12. Effects in Figma blur, shadows & more.mp4103.03MB
18. 2. Discover the most important things about Figma/13. Everything you need to know about grids.mp4100.81MB
19. 2. Discover the most important things about Figma/14. An overview of components.mp4122.79MB
20. 2. Discover the most important things about Figma/15. Drafts & Projects in Figma.mp4108.56MB
21. 2. Discover the most important things about Figma/16. Here’s makes you a good web designer.mp479.83MB
22. 2. Discover the most important things about Figma/17. Conclusions.mp423.28MB
23. 2. Discover the most important things about Figma/2. The biggest difference in Figma versus other programs.mp451.36MB
24. 2. Discover the most important things about Figma/3. Here’s how you create buttons in Figma.mp497.69MB
25. 2. Discover the most important things about Figma/4. The basics of working with color.mp4107.34MB
26. 2. Discover the most important things about Figma/5. How to work with color like a pro.mp4100MB
27. 2. Discover the most important things about Figma/6. How to add images frames vs rectangles.mp4104.26MB
28. 2. Discover the most important things about Figma/7. Create a gallery collage in Figma.mp472.02MB
29. 2. Discover the most important things about Figma/8. How to mask in Figma.mp466.72MB
30. 2. Discover the most important things about Figma/9. Here are the 3 types of text in Figma.mp467.71MB
31. 3. First web design project/1. Introduction.mp441.22MB
32. 3. First web design project/10. Create the pagination.mp457.29MB
33. 3. First web design project/11. Create the foundation for the footer.mp484.16MB
34. 3. First web design project/12. Adding content in the footer.mp4110.88MB
35. 3. First web design project/13. How to handle visual imperfections.mp483.55MB
36. 3. First web design project/14. Here’s what you need to remember.mp455.79MB
37. 3. First web design project/2. Set up the desktop version the correct way.mp477.78MB
38. 3. First web design project/3. Create the header.mp482.2MB
39. 3. First web design project/4. Create the main menu.mp489.47MB
40. 3. First web design project/5. Set up the search box.mp478.34MB
41. 3. First web design project/6. Create a dropdown menu.mp462.64MB
42. 3. First web design project/7. Create the most important item – the card.mp487.07MB
43. 3. First web design project/8. How to improve the cards.mp4100.45MB
44. 3. First web design project/9. Set up the secondary navigation.mp475.12MB
45. 4. The first key to great web design/1. Introduction.mp442.71MB
46. 4. The first key to great web design/10. Case study Colors – Part 2.mp4129.24MB
47. 4. The first key to great web design/11. How to align elements in the hero area.mp4114.99MB
48. 4. The first key to great web design/12. 3 rules for web design icons.mp4123.74MB
49. 4. The first key to great web design/13. Case Study Visual Balance.mp492.64MB
50. 4. The first key to great web design/14. Final thoughts.mp444.61MB
51. 4. The first key to great web design/2. Best settings & website components.mp496.97MB
52. 4. The first key to great web design/3. Case study Non-standard layouts.mp4101.96MB
53. 4. The first key to great web design/4. Exercise Create a standard website layout.mp427.07MB
54. 4. The first key to great web design/5. How to size your web elements correctly.mp480.59MB
55. 4. The first key to great web design/6. My formula for perfect text.mp494.54MB
56. 4. The first key to great web design/7. Case study text layers.mp4101.11MB
57. 4. The first key to great web design/8. What you need to know about color contrast.mp470.06MB
58. 4. The first key to great web design/9. Case study Colors – Part 1.mp489.25MB
59. 5. The second key to great web design/1. Introduction.mp440.83MB
60. 5. The second key to great web design/10. Why aren’t websites perfect.mp485.35MB
61. 5. The second key to great web design/11. Case studies the client’s needs.mp480.67MB
62. 5. The second key to great web design/12. Landing page vs a website.mp464.19MB
63. 5. The second key to great web design/13. Lead generation in landing pages.mp487.73MB
64. 5. The second key to great web design/14. Why landing pages have a bad reputation.mp4142.44MB
65. 5. The second key to great web design/15. Digital product landing page.mp493.35MB
66. 5. The second key to great web design/16. Testing landing pages.mp4108.05MB
67. 5. The second key to great web design/17. Case study my landing page.mp4135.83MB
68. 5. The second key to great web design/18. Final thoughts about the client’s needs.mp472.01MB
69. 5. The second key to great web design/2. What’s the point of the website.mp435.61MB
70. 5. The second key to great web design/3. The user versus the business owner.mp484.25MB
71. 5. The second key to great web design/4. Analytics in web design.mp440.96MB
72. 5. The second key to great web design/5. Templates & Website Builders – The web designer’s death.mp4104.09MB
73. 5. The second key to great web design/6. Case Study 4 versions of the same website.mp4168.92MB
74. 5. The second key to great web design/7. E-commerce homepage layout.mp493.11MB
75. 5. The second key to great web design/8. E-commerce product details.mp459.39MB
76. 5. The second key to great web design/9. E-commerce checkout.mp448.38MB
77. 6. The third key to great web design/1. Introduction.mp420.63MB
78. 6. The third key to great web design/2. What’s UX.mp448.83MB
79. 6. The third key to great web design/3. The best example of good UX and attention to detail.mp489.21MB
80. 6. The third key to great web design/4. Improve the checkout process to double sales.mp470.71MB
81. 6. The third key to great web design/5. Improve the mobile version to double sales.mp454.86MB
82. 6. The third key to great web design/6. 7 website tweaks that show attention to detail.mp453.83MB
83. 6. The third key to great web design/7. Upgrading the mobile product page.mp443.08MB
84. 6. The third key to great web design/8. Doing 1-on-1 sessions with a coder.mp473.84MB
85. 6. The third key to great web design/9. Here's what you need to remember.mp444MB
86. 7. Redesign an e-commerce business/1. The most important question when starting a new project.mp4119.74MB
87. 7. Redesign an e-commerce business/10. Create the first version of the card.mp424.59MB
88. 7. Redesign an e-commerce business/11. Set the style for the card.mp435.83MB
89. 7. Redesign an e-commerce business/12. Finishing touches for the card design.mp447.48MB
90. 7. Redesign an e-commerce business/13. Don’t forget about this important detail!.mp433.71MB
91. 7. Redesign an e-commerce business/14. Create the FAQ section.mp442.98MB
92. 7. Redesign an e-commerce business/15. Here’s why auto-layout is awesome.mp430.02MB
93. 7. Redesign an e-commerce business/16. Create a newsletter sign up form.mp435.11MB
94. 7. Redesign an e-commerce business/17. Set up the footer’s foundation.mp439.01MB
95. 7. Redesign an e-commerce business/18. Finishing the footer.mp434.18MB
96. 7. Redesign an e-commerce business/19. Explore variations & improve your design.mp470.21MB
97. 7. Redesign an e-commerce business/2. How to researchfind inspiration for your project.mp477.29MB
98. 7. Redesign an e-commerce business/20. How to approach the interior pages.mp437.74MB
99. 7. Redesign an e-commerce business/21. Set the top area for the product’s page.mp437.64MB
100. 7. Redesign an e-commerce business/22. Adding content to the product’s page.mp438.4MB
101. 7. Redesign an e-commerce business/23. How to add clear calls to action for visitors.mp436.9MB
102. 7. Redesign an e-commerce business/24. Main content area.mp446.37MB
103. 7. Redesign an e-commerce business/25. Create a table for the sidebar.mp453.77MB
104. 7. Redesign an e-commerce business/26. Conclusions.mp418.56MB
105. 7. Redesign an e-commerce business/3. Set up the foundation of the project.mp438.61MB
106. 7. Redesign an e-commerce business/4. Create the top bar.mp423.87MB
107. 7. Redesign an e-commerce business/5. Set up the header.mp420.38MB
108. 7. Redesign an e-commerce business/6. Decide on a styling for the header.mp430.52MB
109. 7. Redesign an e-commerce business/7. Create the most important part – the hero area.mp430.8MB
110. 7. Redesign an e-commerce business/8. Create the secondary navigation – product categories.mp447.9MB
111. 7. Redesign an e-commerce business/9. Here’s where sales are made … or not!.mp425.93MB
112. 8. Responsive design from desktop to mobile/1. Introduction to the mobile version.mp451.09MB
113. 8. Responsive design from desktop to mobile/10. Conclusions.mp48.78MB
114. 8. Responsive design from desktop to mobile/2. How to start the mobile version for the homepage.mp439.66MB
115. 8. Responsive design from desktop to mobile/3. Create the header for the mobile version.mp432.64MB
116. 8. Responsive design from desktop to mobile/4. How to rearrange the hero area.mp434.06MB
117. 8. Responsive design from desktop to mobile/5. Set up the card for the grid of products.mp457.1MB
118. 8. Responsive design from desktop to mobile/6. Don’t skip this step when creating product cards.mp462.51MB
119. 8. Responsive design from desktop to mobile/7. Arrange the FAQ section for the mobile version.mp437.03MB
120. 8. Responsive design from desktop to mobile/8. Recreate the newsletter in a narrow space.mp417.16MB
121. 8. Responsive design from desktop to mobile/9. Create the footer for the mobile version.mp442.24MB
122. 9. Discover how the design gets transformed to the live version/1. Preparing the design for coding.mp450.68MB
123. 9. Discover how the design gets transformed to the live version/2. Zeplin - the missing link!.mp421.81MB
124. 9. Discover how the design gets transformed to the live version/3. How to set up the project for the coderclient.mp434.27MB
125. 9. Discover how the design gets transformed to the live version/4. Server-side content and multi-layer graphics.mp459.58MB
126. 9. Discover how the design gets transformed to the live version/5. Here’s what developers want from your design.mp452.24MB
127. 9. Discover how the design gets transformed to the live version/6. Here’s why it’s essential you deliver what’s needed.mp426.79MB
128. 9. Discover how the design gets transformed to the live version/7. Final thoughts and what’s next.mp414.83MB