Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create High-Fidelity Designs and Prototypes in Figma

via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create high-fidelity designs and prototypes in Figma through this comprehensive course. Explore foundational elements of visual design including typography, color, iconography, and layouts. Dive into visual design principles such as emphasis, hierarchy, scale, proportion, unity, and variety. Discover the importance of design systems and how to create and use them effectively. Participate in design critique sessions, learning to give and receive valuable feedback. Create high-fidelity prototypes with gestures and motion, considering accessibility. Plan and conduct usability studies, analyze results, and iterate on designs. Prepare for design handoff and create a compelling case study for your portfolio project.

Syllabus

01 Introduction To Course 5 Create High Fidelity Designs & Prototypes in Figma.
02 Kunal My Journey To UX.
03 Welcome To Week 1.
04 Introduction To Mockups.
05 Chikezie Transition From Low Fidelity To High Fidelity Designs.
06 Introduction To Foundational Elements of Visual Design.
07 Typography In UX Design.
08 The Importance of Typography.
09 Color In UX Design.
10 Iconography in UX Design.
11 Introduction To Layouts.
12 Use Grids To Guide Layouts.
13 Use Containment in Layouts.
14 Use Negative White Space In Layouts.
15 Wrap Up Starting To Create Mockups.
16 Welcome To Week 2.
17 Emphasis in UX Design.
18 Hierarchy in UX Design.
19 Scale & Proportion in UX Design.
20 Unity & Variety in UX Design.
21 Apply Gestalt Principles To Mockups.
22 Reflect On Your Progress.
23 Wrap Up Applying Visual Design Principles To Mockups.
24 Welcome To Week 3.
25 Introduction To Design Systems.
26 Benefits Of Design Systems.
27 Googles Design System Material Design.
28 Shopifys Design System Polaris.
29 Create A Sticker Sheet in Figma.
30 Use A Design System Library in Figma.
31 Shabi Consider Assistive Technologies When Working in Design Systems.
32 Wrap Up Exploring Design Systems.
33 welcome to week 4.
34 Give & Receive Feedback As A UX Designer.
35 The Basics Of Design Critique Sessions.
36 Best Practices For Design Critique Sessions.
37 Kunal My Experience With Design Critique Sessions.
38 Introduction To A Mock Crit Session.
39 Observe A Mock Crit Session.
40 Turn Crit Session Feedback into Actions.
41 Iterate On Mockups Based On Feedback From Crit Sessions.
42 Wrap Up Participating in Design Critique Sessions.
43 Welcome To Week 5.
44 Introduction To High Fidelity Prototypes.
45 Create A High Fidelity Prototype in Figma.
46 Gestures & Motion in UX Design.
47 Add Gestures & Motion in Figma.
48 Accessibility Considerations For Gestures & Motion.
49 Jen Design With Accessibility in Mind.
50 Learn From Figma Prototype Interactions & Feedback.
51 Wrap Up Creating High Fidelity Prototypes.
52 Welcome To Week 6.
53 Plan A UX Research Study.
54 Conduct A Usability Study.
55 Analyze & Synthesize Usability Study Results.
56 Iterate On High Fidelity Designs.
57 Identify When A Design Is Complete.
58 Document & Share Designs.
59 Hand Off Designs For Production.
60 Learn From Figma Prepare For Hand Off.
61 Create A Case Study For Your Portfolio Project.
62 Wrap Up Testing & Iterating On Designs.
63 Congratulations On Completing Course 5 Create High Fidelity Designs and.

Taught by

Explore The Knowledge

Reviews

Start your review of Create High-Fidelity Designs and Prototypes in Figma

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.