01 Welcome to the Course.mp4 (16.89 MB)
MP4
02 Make Your Learning a Success.mp4 (60.78 MB)
MP4
01 What is UI Design.mp4 (31.36 MB)
MP4
02 Role of a UI Designer.mp4 (32.6 MB)
MP4
03 Overview of UI Design Tools.mp4 (28 MB)
MP4
04 Difference Between UI and UX Design.mp4 (26.51 MB)
MP4
05 UI Design Process.mp4 (29.47 MB)
MP4
06 Examples of Effective UI Design.mp4 (31.4 MB)
MP4
01 Shapes.mp4 (34.93 MB)
MP4
02 Alignment.mp4 (34.03 MB)
MP4
03 Consistency.mp4 (22.97 MB)
MP4
04 Simplicity.mp4 (19.9 MB)
MP4
05 Sizes.mp4 (17.62 MB)
MP4
06 Accessibility.mp4 (27.59 MB)
MP4
07 Lights & Shadows.mp4 (28.58 MB)
MP4
08 Opacity & Blur.mp4 (64.71 MB)
MP4
09 Contrast.mp4 (20.87 MB)
MP4
10 Visual Hierarchy.mp4 (27.11 MB)
MP4
01 Color Basics.mp4 (43.74 MB)
MP4
02 Color Tips & Tricks.mp4 (32.8 MB)
MP4
01 Typography Basics.mp4 (31.08 MB)
MP4
02 Typography Tips & Tricks.mp4 (29.96 MB)
MP4
01 Vector & Raster Graphics.mp4 (29.41 MB)
MP4
02 Iconography.mp4 (28.01 MB)
MP4
03 Illustrations.mp4 (97.31 MB)
MP4
04 Photos.mp4 (34.8 MB)
MP4
01 Buttons.mp4 (15.18 MB)
MP4
02 Input Elements & Forms.mp4 (48.11 MB)
MP4
03 Navigation.mp4 (13.74 MB)
MP4
04 Modals.mp4 (54.5 MB)
MP4
05 Cards.mp4 (12.78 MB)
MP4
06 Lists.mp4 (12.27 MB)
MP4
07 Details Screens.mp4 (23.3 MB)
MP4
08 Tables.mp4 (21.74 MB)
MP4
09 States.mp4 (21.11 MB)
MP4
01 Spacing.mp4 (18.3 MB)
MP4
02 Grid Basics.mp4 (48.58 MB)
MP4
03 Grid Tips & Tricks.mp4 (76.35 MB)
MP4
04 Layout Basics.mp4 (14.09 MB)
MP4
05 Responsive Design.mp4 (24.57 MB)
MP4
01 Websites.mp4 (18.26 MB)
MP4
02 Web Apps.mp4 (51.53 MB)
MP4
03 Mobile Apps.mp4 (19.21 MB)
MP4
04 Other.mp4 (19.29 MB)
MP4
01 UI Design Foundations Demo (Part 1).mp4 (93.2 MB)
MP4
02 UI Design Foundations Demo (Part 2).mp4 (196.38 MB)
MP4
03 UI Design Foundations Demo (Part 3).mp4 (90.74 MB)
MP4
01 How to Build Your UI Taste.mp4 (35.62 MB)
MP4
02 Finding and Documenting Design Inspiration.mp4 (16.51 MB)
MP4
03 How to Design Above Your Level.mp4 (130.65 MB)
MP4
04 Approaching UI Design Projects.mp4 (79.07 MB)
MP4
05 Setting Design Direction.mp4 (21.41 MB)
MP4
06 Dealing with Design Blocks.mp4 (72.47 MB)
MP4
07 Career Tips & Tricks.mp4 (41.89 MB)
MP4
01 Congratulations.mp4 (25.81 MB)
MP4
01 Start Here.mp4 (69.82 MB)
MP4
02 Make Your Learning a Success.mp4 (22.55 MB)
MP4
01 Why Color Matters.mp4 (121.5 MB)
MP4
02 Hue, Saturation, and Brightness.mp4 (98.92 MB)
MP4
03 Hue, Saturation, and Brightness (Demo).mp4 (48.77 MB)
MP4
04 Shades, Tints, and Tones.mp4 (15.74 MB)
MP4
05 How and Why to Group Colors.mp4 (38.2 MB)
MP4
06 Color Systems Overview.mp4 (68.41 MB)
MP4
07 Perceived Brightness.mp4 (17.31 MB)
MP4
08 Perceived Brightness (Demo).mp4 (37.01 MB)
MP4
09 Accessibility.mp4 (44.46 MB)
MP4
10 Color Harmonies.mp4 (48.11 MB)
MP4
11 Color Psychology.mp4 (109.02 MB)
MP4
01 Working with Color in Figma (Demo).mp4 (90.5 MB)
MP4
02 Primary and Interactive Colors.mp4 (102.79 MB)
MP4
03 Accent Colors.mp4 (99.78 MB)
MP4
04 Status (Semantic) Colors.mp4 (80.3 MB)
MP4
05 Structural (Neutral) Colors.mp4 (34.45 MB)
MP4
06 Grey and Almost Greys.mp4 (44.82 MB)
MP4
07 Grey and Almost Greys (Demo) Part 1.mp4 (87.86 MB)
MP4
08 Grey and Almost Greys (Demo) Part 2.mp4 (66.87 MB)
MP4
09 You Need More Shades Than You Think.mp4 (77.4 MB)
MP4
01 UI Color Palettes.mp4 (122.31 MB)
MP4
02 Creating a UI Color Palette (Demo) Part 1.mp4 (249.61 MB)
MP4
03 Creating a UI Color Palette (Demo) Part 2.mp4 (35 MB)
MP4
04 Context Matters.mp4 (19.64 MB)
MP4
05 Modifying Colors (Demo).mp4 (48.77 MB)
MP4
06 Fixing Clashing Colors (Demo).mp4 (44.02 MB)
MP4
07 Gradients.mp4 (20.35 MB)
MP4
08 Gradients (Demo).mp4 (38.55 MB)
MP4
09 Hard Colors to Work With (Demo).mp4 (67.23 MB)
MP4
10 Dark UI.mp4 (119.13 MB)
MP4
11 Dark UI (Demo).mp4 (60.12 MB)
MP4
12 Common Mistakes.mp4 (143.84 MB)
MP4
13 Breaking the Rules.mp4 (18.65 MB)
MP4
01 Main Takeaways.mp4 (50.98 MB)
MP4
02 Congratulations.mp4 (36.62 MB)
MP4
01 Start Here.mp4 (15.72 MB)
MP4
02 Course Overview.mp4 (22.89 MB)
MP4
01 Why Typography Matters.mp4 (23.03 MB)
MP4
02 Historical Overview of Type.mp4 (108.35 MB)
MP4
03 Type Dictionary.mp4 (252.05 MB)
MP4
04 Type Classifications.mp4 (49.29 MB)
MP4
05 Additional Type Characteristics.mp4 (94.3 MB)
MP4
06 Font Aspects.mp4 (20.93 MB)
MP4
07 Aesthetics and Personality.mp4 (128.45 MB)
MP4
01 How to Choose Fonts.mp4 (31.81 MB)
MP4
02 How to Pair Fonts.mp4 (19.24 MB)
MP4
03 Choosing and Pairing Fonts Demo.mp4 (317.83 MB)
MP4
01 How Context Affects Type.mp4 (117.09 MB)
MP4
02 Body Text.mp4 (54.95 MB)
MP4
03 Headings and Subheadings.mp4 (25.63 MB)
MP4
04 Button Text.mp4 (14.79 MB)
MP4
05 Labels, Captions, and More.mp4 (32 MB)
MP4
06 Tables and Data.mp4 (13.27 MB)
MP4
07 Icon and Web Fonts.mp4 (21.19 MB)
MP4
01 Ensuring Visual Hierarchy and Rhythm.mp4 (118.89 MB)
MP4
02 Type Scales.mp4 (87.17 MB)
MP4
03 Typography in Figma.mp4 (23.67 MB)
MP4
04 Typography for Mobile App UIs.mp4 (149.94 MB)
MP4
05 Typography for Web App UIs.mp4 (54.16 MB)
MP4
06 Typography for Responsive Website UIs.mp4 (130.97 MB)
MP4
07 Typography for Other Project Types.mp4 (33.31 MB)
MP4
01 Analyzing Typefaces.mp4 (60.01 MB)
MP4
02 Best Practices.mp4 (158.1 MB)
MP4
03 Naming Conventions and Style Documentation.mp4 (22.45 MB)
MP4
04 Breaking the Rules.mp4 (19.02 MB)
MP4
05 Studying the Work of Other Designers (Dribbble).mp4 (146.48 MB)
MP4
06 Studying the Work of Other Designers (Real products).mp4 (619.19 MB)
MP4
07 Common Mistakes.mp4 (39.28 MB)
MP4
01 Main Takeaways.mp4 (17.91 MB)
MP4
02 Congratulations.mp4 (13.31 MB)
MP4
01 Thank You and Welcome!.mp4 (68.98 MB)
MP4
02 Who is This Course for.mp4 (19.88 MB)
MP4
03 Playback, Captions, and Video Speed.mp4 (13.49 MB)
MP4
04 Prerequisites.mp4 (41.78 MB)
MP4
05 How to Get the Most Out of the Course.mp4 (32.76 MB)
MP4
06 Assignments Overview and Tips (Don't Skip).mp4 (34.72 MB)
MP4
07 Using Plugins in Figma (Artboard Studio Demo).mp4 (49.68 MB)
MP4
08 Module Assignments Solutions.mp4 (25.6 MB)
MP4
09 Test Your Knowledge Assignments Solutions.mp4 (61.89 MB)
MP4
10 2023 Figma Features Update.mp4 (28.85 MB)
MP4
01 Introduction to Advanced Layers and Shapes.mp4 (6.1 MB)
MP4
02 Analyzing Designs with Figma in Mind.mp4 (239.1 MB)
MP4
03 Layers, Groups, and Frames.mp4 (18.68 MB)
MP4
04 Everything's a Box.mp4 (22.09 MB)
MP4
05 Keeping Layers in Place.mp4 (7.95 MB)
MP4
06 Positioning and Constraints.mp4 (18.6 MB)
MP4
07 Repositioning and Spacing Tips.mp4 (15.34 MB)
MP4
08 Advanced Shape Manipulation.mp4 (14.12 MB)
MP4
09 Advanced Masking.mp4 (31.88 MB)
MP4
10 Module Assignments Solutions.mp4 (98.06 MB)
MP4
11 Final Module Assignment 1 Solution.mp4 (55.76 MB)
MP4
12 Final Module Assignment 2 Solution.mp4 (51.96 MB)
MP4
13 Final Module Assignment 3 Solution.mp4 (149.36 MB)
MP4
01 Introduction to Iconography in Figma.mp4 (7.46 MB)
MP4
02 Vectors and Rasters.mp4 (10.69 MB)
MP4
03 Analyzing Icons.mp4 (15.9 MB)
MP4
04 Benefits of Using an Icon Grid.mp4 (7.34 MB)
MP4
05 What to Consider.mp4 (23.1 MB)
MP4
06 Modifying Icons.mp4 (64.41 MB)
MP4
07 Creating Icons (Part 1).mp4 (41.31 MB)
MP4
08 Creating Icons (Part 2).mp4 (70.01 MB)
MP4
09 Module Assignments Solutions.mp4 (162.29 MB)
MP4
10 Final Module Assignments Guide.mp4 (30.36 MB)
MP4
01 Introduction to Using Photos and Illustrations in Figma.mp4 (15.53 MB)
MP4
02 Tips on Finding Assets.mp4 (16.8 MB)
MP4
03 Adding Assets to Figma.mp4 (29.71 MB)
MP4
04 Copying Frames as PNGs.mp4 (9.96 MB)
MP4
05 How to Pick Visuals.mp4 (53.84 MB)
MP4
06 Using Images in Your Designs.mp4 (64.46 MB)
MP4
07 Adjusting Images and Blend Modes.mp4 (41.38 MB)
MP4
08 Adjusting Illustrations.mp4 (15.21 MB)
MP4
09 Module Assignments Solutions.mp4 (142.51 MB)
MP4
10 Final Module Assignment.mp4 (55.12 MB)
MP4
01 Introduction to Grids and Layers.mp4 (22.47 MB)
MP4
02 Grid Basics.mp4 (16.01 MB)
MP4
03 Controling Grids in Figma.mp4 (30.3 MB)
MP4
04 Mobile Grids.mp4 (112.6 MB)
MP4
05 Tablet Grids.mp4 (18.19 MB)
MP4
06 Desktop Grids.mp4 (31.95 MB)
MP4
07 Figma Grids Tips and Tricks.mp4 (27.01 MB)
MP4
08 Module Assignments Solutions.mp4 (36.81 MB)
MP4
09 Final Module Assignment Guide.mp4 (75.27 MB)
MP4
01 Introduction to Practical Auto-layout.mp4 (9.49 MB)
MP4
02 Auto-layout Basics.mp4 (33.73 MB)
MP4
03 Advanced Auto-layout.mp4 (21.22 MB)
MP4
04 Follow Along - Mobile App Bottom Sheet.mp4 (76.14 MB)
MP4
05 Follow Along - Table.mp4 (119.35 MB)
MP4
06 Module Assignment Solutions - Part One (Basics).mp4 (70.04 MB)
MP4
07 Module Assignment Solutions - Part Two (Mastery).mp4 (44.7 MB)
MP4
08 Module Assignment Solutions - Part Three (Mastery).mp4 (89.31 MB)
MP4
09 Final Module Assignment Solution.mp4 (84.08 MB)
MP4
01 Introduction to Figma Styles.mp4 (14.71 MB)
MP4
02 Color (Fill) Styles.mp4 (29.03 MB)
MP4
03 Text Style.mp4 (24.01 MB)
MP4
04 Effect Styles and Tips.mp4 (18.25 MB)
MP4
05 Module Assignment Solutions.mp4 (63.87 MB)
MP4
01 Introduction to Components and Variants.mp4 (7.12 MB)
MP4
02 Component Basics and Strategy.mp4 (63.07 MB)
MP4
03 Variants and Properties.mp4 (58.42 MB)
MP4
01 Introduction to Design System Basics with Figma.mp4 (135.27 MB)
MP4
02 Scalable Color Palettes.mp4 (51.9 MB)
MP4
03 Assignment Speed Through.mp4 (28.46 MB)
MP4
04 Scalable Typography.mp4 (39.47 MB)
MP4
05 Assignment Speed Through.mp4 (3.62 MB)
MP4
06 Scalable Spacing System.mp4 (23.71 MB)
MP4
07 Elevation as a Foundational Element.mp4 (21.78 MB)
MP4
08 Iconography.mp4 (38.15 MB)
MP4
09 Creating Buttons.mp4 (50.99 MB)
MP4
10 Buttons Assignment Solution Walkthrough.mp4 (13.77 MB)
MP4
11 Input Fields and Dropdown Fields.mp4 (87.21 MB)
MP4
12 Input Fields Assignment Solution Walkthrough.mp4 (37.52 MB)
MP4
13 Selection Controls.mp4 (71.86 MB)
MP4
14 Selection Controls Solution Speed Through.mp4 (14.01 MB)
MP4
15 Design System Example Walkthrough.mp4 (137.44 MB)
MP4
16 Using a Design System.mp4 (66.21 MB)
MP4
17 Final Tips and Tricks.mp4 (16.73 MB)
MP4
01 Introduction to Advanced Prototyping in Figma.mp4 (18.8 MB)
MP4
02 Detailed Overview of Smart Animate.mp4 (13.01 MB)
MP4
03 Transitions, Delays, and Clever Prototype Planning.mp4 (74.16 MB)
MP4
04 Hovers, Overlays, and Prototyping with Components.mp4 (43.52 MB)
MP4
05 Module Assignment Solutions – Part One (Basics).mp4 (40.57 MB)
MP4
06 Module Assignment Solutions – Part Two (Mastery).mp4 (255.3 MB)
MP4
07 Final Module Assignments Solutions.mp4 (105.75 MB)
MP4
01 Introduction to Teamwork and Figma Organization- Tips and Tricks.mp4 (16.75 MB)
MP4
02 Important Collaboration and Sharing Tips.mp4 (38.01 MB)
MP4
03 How to Organize Figma Teams, Projects, and Files.mp4 (69.94 MB)
MP4
04 File Thumbnails.mp4 (17.38 MB)
MP4
05 File Organization Best Practices.mp4 (21.19 MB)
MP4
06 Collaboration and Comments.mp4 (6.96 MB)
MP4
07 How to Name Screens.mp4 (14.97 MB)
MP4
08 Miscellaneous Assignments Solutions.mp4 (28.77 MB)
MP4
00 Introduction to 'Let's Design Together' Add-on.mp4 (10.15 MB)
MP4
01 - B - Responsive Web (Tablet).mp4 (63.54 MB)
MP4
01 - C - Responsive Web (Desktop).mp4 (94.5 MB)
MP4
01 A - Responsive Web (Mobile) - Supercharge Design.mp4 (325.19 MB)
MP4
02 - A - Mobile App (Hybrid, iOS).mp4 (87.24 MB)
MP4
02 - B - Mobile App (Hybrid, Android Adjustments).mp4 (58 MB)
MP4
03 - iPad App.mp4 (55.7 MB)
MP4
04 - Wearable (Apple Watch) App.mp4 (12.77 MB)
MP4
05 - Web App (Dashboard).mp4 (74.79 MB)
MP4
01 Thank You and Welcome!.mp4 (29.53 MB)
MP4
02 Why Figma.mp4 (57.54 MB)
MP4
03 What is UX-UI design.mp4 (81.97 MB)
MP4
01 Pricing Options and Download.mp4 (45.53 MB)
MP4
02 Starter Plan Limitations.mp4 (10.97 MB)
MP4
03 Main Interface.mp4 (20.23 MB)
MP4
04 Working with Projects.mp4 (6.65 MB)
MP4
01 File and View Settings.mp4 (13.51 MB)
MP4
02 Menu Options.mp4 (114.21 MB)
MP4
03 Layers, Groups and Frames.mp4 (66.72 MB)
MP4
04 Shapes.mp4 (12.72 MB)
MP4
05 Boolean Operations.mp4 (18.55 MB)
MP4
06 Masks.mp4 (37.71 MB)
MP4
07 Pen Tool.mp4 (58.73 MB)
MP4
08 Text.mp4 (3.61 MB)
MP4
09 Chapter Assignment Solution.mp4 (5.41 MB)
MP4
01 Positioning.mp4 (9.6 MB)
MP4
02 Width and Height.mp4 (15.77 MB)
MP4
03 Rotation, Border Radius and Right Click.mp4 (8.29 MB)
MP4
04 Additional Options Based on Shape Selected.mp4 (5.51 MB)
MP4
05 Lines, Opacity and Stroke Settings.mp4 (41.58 MB)
MP4
06 Type Settings.mp4 (29.97 MB)
MP4
07 Colors, Fills, Imagery and Blend Modes.mp4 (38.97 MB)
MP4
08 Text Styles.mp4 (13.91 MB)
MP4
09 Grids and Layouts.mp4 (26.05 MB)
MP4
10 Effects.mp4 (11.88 MB)
MP4
11 Auto-layout Basics.mp4 (66.2 MB)
MP4
12 Chapter Assignment Solution.mp4 (9.31 MB)
MP4
01 Collaboration and Comments.mp4 (17.01 MB)
MP4
02 Multiple Designers Demo.mp4 (12.73 MB)
MP4
03 Inspect Panel.mp4 (5.31 MB)
MP4
04 Exporting.mp4 (9.78 MB)
MP4
05 Version History.mp4 (8.32 MB)
MP4
06 Figma Community.mp4 (21.68 MB)
MP4
07 Plugins.mp4 (8.09 MB)
MP4
01 Prototyping Basics.mp4 (11.5 MB)
MP4
02 Mirroring.mp4 (10.61 MB)
MP4
03 Additional Menu Options, Alignment and Distribution.mp4 (39.73 MB)
MP4
03 FigJam Basics.mp4 (22.19 MB)
MP4
04 Watch Me Design- Mobile App Screen.mp4 (96.9 MB)
MP4