Figma UI UX Design Advanced Daniel Scott 2023 | 0257F84361223DE04B95C628FE054295CF647F29

Figma UI UX Design Advanced Daniel Scott 2023

Name	Figma UI UX Design Advanced - Daniel Scott (2023)	DOWNLOAD Copy Link
Total Size	8.2 GB
Total Files	198
Last Seen	2025-01-08 23:24
Hash	0257F84361223DE04B95C628FE054295CF647F29

/01. Introduction/
1. Intro to the Figma Advanced Course.mp4	66.9 MB
2. Getting Started in Figma Advanced Course.mp4	57.7 MB
2.1 Exercise_Files-Figma_Advanced.zip	263.3 MB
/02. Auto Layout - Level 1/
1. Auto Layout & Responsive Design 101 It's use in responsive design.mp4	44.7 MB
2. Designing in Figma with Auto Spacing in Auto Layouts.mp4	61.3 MB
3. When and when not to use Components in Figma.mp4	32.4 MB
4. What is good spacing to use in Figma.mp4	57.5 MB
5. What spacing should I use for web & app design in Figma.mp4	38.5 MB
6. Auto Layout vs Constraints in Figma.mp4	18.7 MB
7. Autolayout shortcuts Tips and tricks to work with Auto Layout faster.mp4	16.3 MB
8. Class Project 01 - Responsive Lower Navigation.mp4	14.7 MB
9. Class project 01 - Responsive Lower Navigation.html	0.2 KB
/03. Advanced Workflow Tricks/
1. How to handle files in Figma and become a File Handling Master.mp4	36.0 MB
2. How to use advanced Copy, Paste, and Selection Tricks in Figma.mp4	39.3 MB
3. How to do crazy things with your Figma fields.mp4	21.3 MB
4. Frame Tricks Tips and Tricks to work with Figma frames effectively.mp4	33.1 MB
5. Advanced Zooming Techniques for precision work in Figma.mp4	21.5 MB
6. Light or Dark vs System Theme Which one to use in Figma.mp4	11.6 MB
7. Class Project 02 - Event Card Constraints.mp4	10.5 MB
8. Class project 02 - Event Card Constraints.html	0.2 KB
9. Class Project 02 - Event Card Constraints - Completed.mp4	57.7 MB
/04. Grids/
1. Grid v Constraints v Autolayout in Figma Which one to use and when.mp4	25.8 MB
2. How to copy & paste grids and export grid styles in Figma.mp4	45.0 MB
3. How to add rows and column grids to one layout in Figma.mp4	30.1 MB
4. How to update Grid Styles in Figma.mp4	10.3 MB
5. Grids inside of frames that aren't the main frame.mp4	22.2 MB
/05. Simple App Brand/
1. Class project 03 - Event Branding.mp4	31.7 MB
2. Class project 03 - Event Branding.html	0.2 KB
3. Logos using Iconscout How to use Iconscout to create logos in Figma.mp4	58.2 MB
4. What are widget compared to plugins in Figma.mp4	21.8 MB
5. How to create ux color variants using a Figma Widget .mp4	38.7 MB
another.png	6.4 KB
/06. Nested & Responsive Auto layouts/
1. Intro to Nested & Responsive Auto layouts Section.mp4	78.6 MB
2. Production video - Tidying up my frame & component mess.mp4	41.4 MB
3. Bring in images using the unsplash plugin in Figma.mp4	56.9 MB
4. Production video - Making the parts for our nested autolayout.mp4	48.0 MB
5. Nesting Multiple Auto Layouts inside each other in Figma.mp4	49.6 MB
6. Autolayout Nesting with variants and responsive text in Figma.mp4	94.0 MB
7. Auto Layout on different device sizes- How to make advanced Auto Layouts.mp4	85.0 MB
8. Responsive text that adjusts for 2 lines in Figma.mp4	22.1 MB
/07. Animation - Level 1/
1. Abstract Gradient Background in Figma the easy way.mp4	124.3 MB
2. How to copy and paste Interactions in Figma.mp4	13.9 MB
3. How to animate gradient mesh using Variants in Figma.mp4	142.9 MB
4. How to give feedback on a UX project - The Critique Sandwich.mp4	203.9 MB
5. Class project 04 - Background Animation.mp4	44.4 MB
6. Class project 04 - Background Animation.html	0.2 KB
7. Houdini Text How to make a text mask animation Figma.mp4	71.6 MB
8. How to use the Spring Animations in Figma.mp4	25.5 MB
9. Spring Animation How to make custom Spring Animation in Figma.mp4	49.3 MB
10. Why is interaction on tap on click grayed out of missing in Figma.mp4	9.8 MB
11. Class project 05 - Houdini Text Animation.mp4	11.2 MB
12. Class project 05 - Houdini Text Animation.html	0.2 KB
/08. Prototyping - Level 1/
1. Create & remove bulk multiple noodles wires at once in Figma.mp4	21.9 MB
2. How to bulk update nav links in your Figma prototype.mp4	26.6 MB
3. How to set the right phone and find old prototype phones in Figma.mp4	37.8 MB
4. How to make sticky scroll position search bar in Figma.mp4	80.6 MB
5. How to stack multiple sticky text vertical scrolling in Figma.mp4	143.9 MB
6. Class project 06 - Multiple Sticky Headings.mp4	20.7 MB
7. Class project 06 - Multiple Sticky Headings.html	0.2 KB
8. How to make Interactive Components in Figma.mp4	29.0 MB
9. How to make a checkmark turn on and off in Figma.mp4	17.6 MB
10. Interactive components with sliding button in navigation for Figma.mp4	60.9 MB
11. Class project 07 - Sliding Button Nav Challenge.mp4	37.5 MB
12. Class project 07 - Sliding Button Nav Challenge.html	0.2 KB
13. Class project 07 - Completed.mp4	45.3 MB
14. How to use Sections in Figma for organizing your content.mp4	45.8 MB
15. How to use sections for prototyping in Figma.mp4	44.5 MB
16. How to add iOS battery wifi notch status bar to Figma.mp4	72.1 MB
17. How to add iOS or Android Snack Bar UI to Figma.mp4	102.6 MB
18. Class project 08 - Operating System UI.mp4	41.3 MB
19. Class project 08 - Operating System UI.html	0.2 KB
20. Be careful what you create in Figma.mp4	84.7 MB
/09. Advanced Layers/
1. What are the advanced Layer shortcuts in Figma.mp4	73.4 MB
2. How to find layer Zen shortcuts in Figma.mp4	33.1 MB
3. How to hide and lock unlock all layers in Figma.mp4	9.5 MB
4. How to use Locked layers in Figma.mp4	15.7 MB
5. How to Find Replace and Multi-select Layer Search in Figma.mp4	38.5 MB
6. How to Bulk Rename Layers with advanced tricks in Figma.mp4	56.5 MB
/10. Components & Variants - Level 1/
1. How to replace instances and variants with shortcuts in Figma.mp4	64.3 MB
2. How to use Instance Swap Component Properties with preferred in Figma.mp4	40.7 MB
3. How to use Component Text Property in Figma.mp4	11.4 MB
4. How to use Boolean Component Property in Figma.mp4	18.6 MB
5. How to make a input field using only component properties in Figma.mp4	59.3 MB
6. How to Combine Variants with Component Properties in Figma.mp4	62.1 MB
7. How to apply component properties to existing design systems.mp4	58.1 MB
8. What is Simplify Instances in Figma.mp4	30.9 MB
9. What does Expose Nested Instances do in Figma.mp4	62.9 MB
10. Class project 09 - One button to rule them all.mp4	32.8 MB
11. Class project 09 - One button to rule them all.html	0.2 KB
/11. Typography/
1. What are some font tips and tricks in Figma.mp4	25.2 MB
2. How to see Live Font Previews in Figma.mp4	20.7 MB
3. How reset fonts & set default fonts in Figma.mp4	14.3 MB
4. How to Use Line Height Percentage in 8pt grid in Figma.mp4	39.9 MB
5. How to use Leading trim to cap height to baseline in Figma.mp4	50.1 MB
6. How to set Hanging Punctuation for pull quotes & call outs in Figma.mp4	8.3 MB
7. What are the Advanced Type Options in Figma.mp4	78.3 MB
8. How to use Variable Type in UX app design in Figma.mp4	71.0 MB
9. How to curve text with type on a path in Figma.mp4	48.9 MB
10. How to use adobe fonts & local fonts in Figma.mp4	35.8 MB
11. How to Preserve text overrides or not in Figma variant.mp4	39.3 MB
12. How to use Chat GPT AI to create placeholder and personas in Figma.mp4	28.8 MB
/12. Imagery/
1. How to create an image style in Figma.mp4	35.3 MB
2. What's the difference with Images inside frames vs fills vs Masked in Figma.mp4	29.1 MB
3. How to crop images using shortcuts in Figma.mp4	27.3 MB
4. How to mask images with text in Figma.mp4	82.9 MB
5. Class Project 10 - Text Mask.mp4	16.2 MB
6. Class project 10 - Text Mask.html	0.2 KB
7. How to mask using transparent pngs with alpha channels in Figma.mp4	74.6 MB
8. Class Project 11 - Alpha Mask.mp4	14.0 MB
9. Class project 11 - Alpha Mask.html	0.2 KB
10. How to create a luma mask in Figma.mp4	24.0 MB
11. Class project 12 - Luma Mask.mp4	10.3 MB
12. Class project 12 - Luma Mask.html	0.2 KB
13. How to make a spillover mask outside of the frame in Figma.mp4	133.8 MB
14. How to use the pen tool to make image masks in Figma.mp4	104.0 MB
15. How to use color layer blending modes in Figma.mp4	123.0 MB
16. Class project 13 - Social Ad.mp4	18.6 MB
17. Class project 13 - Social Media Ad.html	0.2 KB
/13. Video/
1. How to add video in Figma.mp4	75.4 MB
2. How to make a background autoplay video in Figma.mp4	22.2 MB
3. How to get a video play when you hover in Figma.mp4	37.0 MB
4. Class project 14 - Hover Play.mp4	7.1 MB
5. Class project 14 - Hover Play.html	0.2 KB
6. How to make a play pause button for video in Figma.mp4	81.9 MB
7. How to build a video card in Figma.mp4	83.0 MB
8. Class project 15 - Video Card.mp4	20.7 MB
9. Class project 15 - Video Card.html	0.2 KB
/14. Color/
1. What are some advanced color tricks in figma.mp4	39.2 MB
2. How to change replace colors in Figma.mp4	87.6 MB
3. How to create Color Themes for light and dark in Figma.mp4	18.2 MB
/15. Styles & Libraries/
1. How to group color styles using slashes or folders in Figma.mp4	9.9 MB
2. How to descriptions to your styles in Figma for others to use.mp4	17.7 MB
3. Editing someone else's styles or component library in Figma.mp4	23.4 MB
4. How to hide color font styles & components from team library in Figma.mp4	24.4 MB
5. How to compare changes in component with overlay in Figma.mp4	18.2 MB
6. How to refactoring styles to another design file in Figma.mp4	28.6 MB
7. How to move relink refactoring components to another design file in Figma.mp4	53.5 MB
8. How to swap parts or entire component & style library in Figma.mp4	49.8 MB
More UI Kits.url	0.1 KB
/16. Drawing, Stroke & Fill/
1. What are some advanced drawing tips and tricks in figma.mp4	53.7 MB
2. How to draw in Figma with the pen tool- Anchor point mastery.mp4	42.2 MB
3. How to draw with Bend & Mirror angle in Figma.mp4	16.5 MB
4. Can you animated anchor points or booleans in Figma.mp4	17.1 MB
5. How to animate a mobile nav menu in Figma using a dip.mp4	85.8 MB
6. Class project 16 - Alt Nav Animation.mp4	8.7 MB
7. Class project 16 - Alt Nav Animation.html	0.2 KB
/17. Auto Layout - Level 2/
1. How to overlap & stack things in a Figma Autolayout.mp4	30.4 MB
2. What are the shortcuts for hug & fill in Figma.mp4	25.3 MB
3. How to set absolute spacing so things ignore Autolayout in Figma.mp4	24.1 MB
4. How to absolute position something that is responsive in Figma.mp4	21.2 MB
5. How stick things to the bottom right of an auto layout in Figma.mp4	36.9 MB
6. How to resize a box automatically in a Auto Layout to match text in Figma.mp4	36.1 MB
7. What are the autolayout padding and resizing shortcuts.mp4	17.3 MB
8. How to create a minimum width height button in Figma.mp4	34.5 MB
9. How to wrap auto layout objects in Figma.mp4	13.5 MB
10. What does stroke included excluded mean in Figma auto layout.mp4	35.2 MB
11. How to set custom spacing in auto layouts in Figma.mp4	23.4 MB
/18. Components & Variants - Level 2/
1. How to organize Components into groups in Figma.mp4	46.3 MB
2. How to create slot placehold components in Figma.mp4	52.8 MB
3. How to convert an existing website into a figma design.mp4	46.1 MB
/19. Prototyping - Level 2/
1. How to make a drop down using overlays in Figma.mp4	82.1 MB
2. How to make a multi level drop down menu in Figma.mp4	96.8 MB
3. Class project 17 - Nested Dropdown Menu.mp4	14.0 MB
4. Class project 17 - Nested Dropdown Menu.html	0.2 KB
5. How to create a hover grow effect for images in Figma.mp4	210.0 MB
6. Class project 18 - Hover Grow Effect.mp4	21.1 MB
7. Class project 18 - Hover Grow Effect.html	0.2 KB
8. How to make an expanding Search Bar in Figma.mp4	77.8 MB
9. Class project 19 - Expanding Search Bar.mp4	7.9 MB
10. Class project 19 - Expanding Search Bar.html	0.2 KB
/20. Variables/
1. What are Variables in Figma.mp4	17.4 MB
2. How to create cart total using number variables in Figma.mp4	27.3 MB
3. How to add add conditions to variables in Figma.mp4	11.2 MB
4. Variant change using Boolean variable - change cart color.mp4	30.6 MB
5. Turning our boolean variable to false in Figma.mp4	9.8 MB
6. Making a Overlay Popup in the Variable action panel in Figma.mp4	15.3 MB
7. Light and Dark Modes using Collections & Color Variables in Figma.mp4	35.0 MB
8. How to change spacing with number Variables in Figma.mp4	25.6 MB
/21. Design Tokens/
1. What are Design Tokens in Figma.mp4	28.3 MB
2. How to create Design Tokens in Figma.mp4	45.6 MB
3. Creating spacing & radius design tokens in Figma.mp4	33.4 MB
4. When would you use design tokens in Figma.mp4	117.6 MB
/22. Animation - Level 2/
1. How do you animate along a path in Figma.mp4	83.6 MB
2. How to add Lottie animation files in Figma.mp4	41.8 MB
/23. Accessibility/
1. Making Your Designs Accessible - A Guide to Accessibility plugin in Figma.mp4	107.8 MB
/24. Working with Stakeholders/
1. What are some tips for working with colleagues in Figma.mp4	59.4 MB
2. How view version history duplicate and restore in Figma.mp4	52.3 MB
3. How to archive and restore previous versions of Figma files.mp4	26.4 MB
4. How to create & share a flows in Figma.mp4	27.2 MB
5. How to use the Slice Tool in Figma.mp4	33.2 MB
6. How export uncropped and unscaled images from Figma.mp4	42.6 MB
7. How to export webp images from Figma & Photoshop.mp4	47.5 MB
8. How to downsize reduce file size of all images in a Figma file.mp4	30.9 MB
9. How to document a component in a design system in Figma.mp4	44.2 MB
10. How to use DEV Mode in Figma.mp4	63.8 MB
/25. What Next/
1. Class Project 20 - Finish your design.mp4	48.3 MB
2. Class Project 20 - Finish your design.html	0.2 KB
3. What's Next - Figma Advanced.mp4	91.7 MB
Total files 198