Figma UI UX Design Advanced - Daniel Scott (2023)

0257f84361223de04b95c628fe054295cf647f29

Total Size

7.6 GB

Files

198

Seeders

Leechers

Health

Piece Size

2 MB

Added

3/22/2026

175 video

23 other

Files

198 of 198 files

Figma UI UX Design Advanced - Daniel Scott (2023)

01. Introduction

1. Intro to the Figma Advanced Course.mp4

63.81 MB

2. Getting Started in Figma Advanced Course.mp4

54.99 MB

2.1 Exercise_Files-Figma_Advanced.zip

251.06 MB

02. Auto Layout - Level 1

1. Auto Layout & Responsive Design 101 It's use in responsive design.mp4

42.64 MB

2. Designing in Figma with Auto Spacing in Auto Layouts.mp4

58.45 MB

3. When and when not to use Components in Figma.mp4

30.87 MB

4. What is good spacing to use in Figma.mp4

54.83 MB

5. What spacing should I use for web & app design in Figma.mp4

36.74 MB

6. Auto Layout vs Constraints in Figma.mp4

17.8 MB

7. Autolayout shortcuts Tips and tricks to work with Auto Layout faster.mp4

15.51 MB

8. Class Project 01 - Responsive Lower Navigation.mp4

14.01 MB

9. Class project 01 - Responsive Lower Navigation.html

151 Bytes

03. Advanced Workflow Tricks

1. How to handle files in Figma and become a File Handling Master.mp4

34.38 MB

2. How to use advanced Copy, Paste, and Selection Tricks in Figma.mp4

37.44 MB

3. How to do crazy things with your Figma fields.mp4

20.31 MB

4. Frame Tricks Tips and Tricks to work with Figma frames effectively.mp4

31.6 MB

5. Advanced Zooming Techniques for precision work in Figma.mp4

20.53 MB

6. Light or Dark vs System Theme Which one to use in Figma.mp4

11.03 MB

7. Class Project 02 - Event Card Constraints.mp4

10.03 MB

8. Class project 02 - Event Card Constraints.html

151 Bytes

9. Class Project 02 - Event Card Constraints - Completed.mp4

54.99 MB

04. Grids

1. Grid v Constraints v Autolayout in Figma Which one to use and when.mp4

24.63 MB

2. How to copy & paste grids and export grid styles in Figma.mp4

42.94 MB

3. How to add rows and column grids to one layout in Figma.mp4

28.7 MB

4. How to update Grid Styles in Figma.mp4

9.86 MB

5. Grids inside of frames that aren't the main frame.mp4

21.15 MB

05. Simple App Brand

1. Class project 03 - Event Branding.mp4

30.27 MB

2. Class project 03 - Event Branding.html

151 Bytes

3. Logos using Iconscout How to use Iconscout to create logos in Figma.mp4

55.46 MB

4. What are widget compared to plugins in Figma.mp4

20.81 MB

5. How to create ux color variants using a Figma Widget .mp4

36.87 MB

another.png

6.21 KB

06. Nested & Responsive Auto layouts

1. Intro to Nested & Responsive Auto layouts Section.mp4

74.98 MB

2. Production video - Tidying up my frame & component mess.mp4

39.45 MB

3. Bring in images using the unsplash plugin in Figma.mp4

54.28 MB

4. Production video - Making the parts for our nested autolayout.mp4

45.82 MB

5. Nesting Multiple Auto Layouts inside each other in Figma.mp4

47.3 MB

6. Autolayout Nesting with variants and responsive text in Figma.mp4

89.62 MB

7. Auto Layout on different device sizes- How to make advanced Auto Layouts.mp4

81.05 MB

8. Responsive text that adjusts for 2 lines in Figma.mp4

21.03 MB

07. Animation - Level 1

1. Abstract Gradient Background in Figma the easy way.mp4

118.54 MB

10. Why is interaction on tap on click grayed out of missing in Figma.mp4

9.34 MB

11. Class project 05 - Houdini Text Animation.mp4

10.68 MB

12. Class project 05 - Houdini Text Animation.html

151 Bytes

2. How to copy and paste Interactions in Figma.mp4

13.27 MB

3. How to animate gradient mesh using Variants in Figma.mp4

136.28 MB

4. How to give feedback on a UX project - The Critique Sandwich.mp4

194.46 MB

5. Class project 04 - Background Animation.mp4

42.34 MB

6. Class project 04 - Background Animation.html

151 Bytes

7. Houdini Text How to make a text mask animation Figma.mp4

68.29 MB

8. How to use the Spring Animations in Figma.mp4

24.36 MB

9. Spring Animation How to make custom Spring Animation in Figma.mp4

47.02 MB

08. Prototyping - Level 1

1. Create & remove bulk multiple noodles wires at once in Figma.mp4

20.88 MB

10. Interactive components with sliding button in navigation for Figma.mp4

58.07 MB

11. Class project 07 - Sliding Button Nav Challenge.mp4

35.81 MB

12. Class project 07 - Sliding Button Nav Challenge.html

151 Bytes

13. Class project 07 - Completed.mp4

43.25 MB

14. How to use Sections in Figma for organizing your content.mp4

43.69 MB

15. How to use sections for prototyping in Figma.mp4

42.47 MB

16. How to add iOS battery wifi notch status bar to Figma.mp4

68.79 MB

17. How to add iOS or Android Snack Bar UI to Figma.mp4

97.88 MB

18. Class project 08 - Operating System UI.mp4

39.34 MB

19. Class project 08 - Operating System UI.html

151 Bytes

2. How to bulk update nav links in your Figma prototype.mp4

25.34 MB

20. Be careful what you create in Figma.mp4

80.77 MB

3. How to set the right phone and find old prototype phones in Figma.mp4

36.04 MB

4. How to make sticky scroll position search bar in Figma.mp4

76.9 MB

5. How to stack multiple sticky text vertical scrolling in Figma.mp4

137.19 MB

6. Class project 06 - Multiple Sticky Headings.mp4

19.71 MB

7. Class project 06 - Multiple Sticky Headings.html

151 Bytes

8. How to make Interactive Components in Figma.mp4

27.65 MB

9. How to make a checkmark turn on and off in Figma.mp4

16.81 MB

09. Advanced Layers

1. What are the advanced Layer shortcuts in Figma.mp4

69.97 MB

2. How to find layer Zen shortcuts in Figma.mp4

31.59 MB

3. How to hide and lock unlock all layers in Figma.mp4

9.06 MB

4. How to use Locked layers in Figma.mp4

14.95 MB

5. How to Find Replace and Multi-select Layer Search in Figma.mp4

36.71 MB

6. How to Bulk Rename Layers with advanced tricks in Figma.mp4

53.91 MB

10. Components & Variants - Level 1

1. How to replace instances and variants with shortcuts in Figma.mp4

61.31 MB

10. Class project 09 - One button to rule them all.mp4

31.28 MB

11. Class project 09 - One button to rule them all.html

151 Bytes

2. How to use Instance Swap Component Properties with preferred in Figma.mp4

38.8 MB

3. How to use Component Text Property in Figma.mp4

10.89 MB

4. How to use Boolean Component Property in Figma.mp4

17.74 MB

5. How to make a input field using only component properties in Figma.mp4

56.58 MB

6. How to Combine Variants with Component Properties in Figma.mp4

59.26 MB

7. How to apply component properties to existing design systems.mp4

55.38 MB

8. What is Simplify Instances in Figma.mp4

29.43 MB

9. What does Expose Nested Instances do in Figma.mp4

60.02 MB

11. Typography

1. What are some font tips and tricks in Figma.mp4

23.99 MB

10. How to use adobe fonts & local fonts in Figma.mp4

34.15 MB

11. How to Preserve text overrides or not in Figma variant.mp4

37.44 MB

12. How to use Chat GPT AI to create placeholder and personas in Figma.mp4

27.43 MB

2. How to see Live Font Previews in Figma.mp4

19.79 MB

3. How reset fonts & set default fonts in Figma.mp4

13.62 MB

4. How to Use Line Height Percentage in 8pt grid in Figma.mp4

38.04 MB

5. How to use Leading trim to cap height to baseline in Figma.mp4

47.79 MB

6. How to set Hanging Punctuation for pull quotes & call outs in Figma.mp4

7.96 MB

7. What are the Advanced Type Options in Figma.mp4

74.63 MB

8. How to use Variable Type in UX app design in Figma.mp4

67.67 MB

9. How to curve text with type on a path in Figma.mp4

46.62 MB

12. Imagery

1. How to create an image style in Figma.mp4

33.69 MB

10. How to create a luma mask in Figma.mp4

22.93 MB

11. Class project 12 - Luma Mask.mp4

9.86 MB

12. Class project 12 - Luma Mask.html

151 Bytes

13. How to make a spillover mask outside of the frame in Figma.mp4

127.62 MB

14. How to use the pen tool to make image masks in Figma.mp4

99.21 MB

15. How to use color layer blending modes in Figma.mp4

117.32 MB

16. Class project 13 - Social Ad.mp4

17.74 MB

17. Class project 13 - Social Media Ad.html

151 Bytes

2. What's the difference with Images inside frames vs fills vs Masked in Figma.mp4

27.75 MB

3. How to crop images using shortcuts in Figma.mp4

26.07 MB

4. How to mask images with text in Figma.mp4

79.03 MB

5. Class Project 10 - Text Mask.mp4

15.46 MB

6. Class project 10 - Text Mask.html

151 Bytes

7. How to mask using transparent pngs with alpha channels in Figma.mp4

71.16 MB

8. Class Project 11 - Alpha Mask.mp4

13.38 MB

9. Class project 11 - Alpha Mask.html

151 Bytes

13. Video

1. How to add video in Figma.mp4

71.87 MB

2. How to make a background autoplay video in Figma.mp4

21.19 MB

3. How to get a video play when you hover in Figma.mp4

35.27 MB

4. Class project 14 - Hover Play.mp4

6.81 MB

5. Class project 14 - Hover Play.html

151 Bytes

6. How to make a play pause button for video in Figma.mp4

78.12 MB

7. How to build a video card in Figma.mp4

79.19 MB

8. Class project 15 - Video Card.mp4

19.73 MB

9. Class project 15 - Video Card.html

151 Bytes

14. Color

1. What are some advanced color tricks in figma.mp4

37.37 MB

2. How to change replace colors in Figma.mp4

83.5 MB

3. How to create Color Themes for light and dark in Figma.mp4

17.38 MB

15. Styles & Libraries

1. How to group color styles using slashes or folders in Figma.mp4

9.4 MB

2. How to descriptions to your styles in Figma for others to use.mp4

16.88 MB

3. Editing someone else's styles or component library in Figma.mp4

22.34 MB

4. How to hide color font styles & components from team library in Figma.mp4

23.26 MB

5. How to compare changes in component with overlay in Figma.mp4

17.39 MB

6. How to refactoring styles to another design file in Figma.mp4

27.3 MB

7. How to move relink refactoring components to another design file in Figma.mp4

50.98 MB

8. How to swap parts or entire component & style library in Figma.mp4

47.5 MB

More UI Kits.url

99 Bytes

16. Drawing, Stroke & Fill

1. What are some advanced drawing tips and tricks in figma.mp4

51.24 MB

2. How to draw in Figma with the pen tool- Anchor point mastery.mp4

40.29 MB

3. How to draw with Bend & Mirror angle in Figma.mp4

15.76 MB

4. Can you animated anchor points or booleans in Figma.mp4

16.33 MB

5. How to animate a mobile nav menu in Figma using a dip.mp4

81.85 MB

6. Class project 16 - Alt Nav Animation.mp4

8.26 MB

7. Class project 16 - Alt Nav Animation.html

151 Bytes

17. Auto Layout - Level 2

1. How to overlap & stack things in a Figma Autolayout.mp4

28.98 MB

10. What does stroke included excluded mean in Figma auto layout.mp4

33.55 MB

11. How to set custom spacing in auto layouts in Figma.mp4

22.35 MB

2. What are the shortcuts for hug & fill in Figma.mp4

24.09 MB

3. How to set absolute spacing so things ignore Autolayout in Figma.mp4

22.94 MB

4. How to absolute position something that is responsive in Figma.mp4

20.19 MB

5. How stick things to the bottom right of an auto layout in Figma.mp4

35.16 MB

6. How to resize a box automatically in a Auto Layout to match text in Figma.mp4

34.41 MB

7. What are the autolayout padding and resizing shortcuts.mp4

16.46 MB

8. How to create a minimum width height button in Figma.mp4

32.93 MB

9. How to wrap auto layout objects in Figma.mp4

12.88 MB

18. Components & Variants - Level 2

1. How to organize Components into groups in Figma.mp4

44.2 MB

2. How to create slot placehold components in Figma.mp4

50.38 MB

3. How to convert an existing website into a figma design.mp4

44 MB

19. Prototyping - Level 2

1. How to make a drop down using overlays in Figma.mp4

78.31 MB

10. Class project 19 - Expanding Search Bar.html

151 Bytes

2. How to make a multi level drop down menu in Figma.mp4

92.31 MB

3. Class project 17 - Nested Dropdown Menu.mp4

13.33 MB

4. Class project 17 - Nested Dropdown Menu.html

151 Bytes

5. How to create a hover grow effect for images in Figma.mp4

200.3 MB

6. Class project 18 - Hover Grow Effect.mp4

20.11 MB

7. Class project 18 - Hover Grow Effect.html

151 Bytes

8. How to make an expanding Search Bar in Figma.mp4

74.16 MB

9. Class project 19 - Expanding Search Bar.mp4

7.52 MB

20. Variables

1. What are Variables in Figma.mp4

16.56 MB

2. How to create cart total using number variables in Figma.mp4

26.08 MB

3. How to add add conditions to variables in Figma.mp4

10.65 MB

4. Variant change using Boolean variable - change cart color.mp4

29.14 MB

5. Turning our boolean variable to false in Figma.mp4

9.32 MB

6. Making a Overlay Popup in the Variable action panel in Figma.mp4

14.57 MB

7. Light and Dark Modes using Collections & Color Variables in Figma.mp4

33.38 MB

8. How to change spacing with number Variables in Figma.mp4

24.41 MB

21. Design Tokens

1. What are Design Tokens in Figma.mp4

27.03 MB

2. How to create Design Tokens in Figma.mp4

43.46 MB

3. Creating spacing & radius design tokens in Figma.mp4

31.85 MB

4. When would you use design tokens in Figma.mp4

112.11 MB

22. Animation - Level 2

1. How do you animate along a path in Figma.mp4

79.76 MB

2. How to add Lottie animation files in Figma.mp4

39.88 MB

23. Accessibility

1. Making Your Designs Accessible - A Guide to Accessibility plugin in Figma.mp4

102.76 MB

24. Working with Stakeholders

1. What are some tips for working with colleagues in Figma.mp4

56.65 MB

10. How to use DEV Mode in Figma.mp4

60.87 MB

2. How view version history duplicate and restore in Figma.mp4

49.88 MB

3. How to archive and restore previous versions of Figma files.mp4

25.16 MB

4. How to create & share a flows in Figma.mp4

25.93 MB

5. How to use the Slice Tool in Figma.mp4

31.68 MB

6. How export uncropped and unscaled images from Figma.mp4

40.59 MB

7. How to export webp images from Figma & Photoshop.mp4

45.25 MB

8. How to downsize reduce file size of all images in a Figma file.mp4

29.48 MB

9. How to document a component in a design system in Figma.mp4

42.19 MB

25. What Next

1. Class Project 20 - Finish your design.mp4

46.07 MB

2. Class Project 20 - Finish your design.html

151 Bytes

3. What's Next - Figma Advanced.mp4

87.41 MB

Comments

(0)

Loading comments...