• Using Adjustments • Photoshop Editing - The Piano Photo • The Amazing Camera Raw Filter • Gradient Maps

• Cutting out and Isolating Objects • The Amazing Content Aware Tool • Spot Healing Brush Tool • Layering Masks

• Basic Introduction and Dashboard Setup • Vector Tracing Worksheet - Creating Simple Shapes • Vector Tracing Worksheet - Creating Complex Shapes • Master the Pen Tool • Pen Tool Practice • Shape Builder Tool • Offset Path Tool • Offset Path Tool with Text • Vector Illustration Project • Extra Page: Grids and Pixel Art

• The Blend Tool • Blend Tool with Text • Repeat Tool • Vector Art Student Project • Polar Grid Tool

• LOGO DESIGN • POSTER DESIGN • VISITING CARDS DESIGN • PACKAGING DESIGN • CATALOG DESIGN • MAGAZINE DESIGN • SMM DESIGN • PODCAST Design • CATALOG DESIGN • FLYERS DESIGN • BROUSHERS DESIGN • POSTERS DESIGN • INVITATION CARDS DESIGN • CATALOG DESIGN • MAGAZINE DESIGN • LETTERHEAD DESIGN • Infographic Design • Mascot Design

Section 1: Introduction to Figma
• Get Started with Figma • Explore Figma Design • Create Shapes • Layer Properties • Copy and Duplicate Layers • Groups and Frames • Get Components • Use Components • Create a Menu Page • Explore Iterations • Share Designs for Feedback

Section 2: Create Designs
• Use Pages • Grids and Margins • Place Image and Image Fills, Corner Radius • Text and Styles • Colour Styles and Accessibility • Use Auto Layout • Create and Use Components • Clip Content • Override Properties • Create Icons with Vector Networks

Section 3: Design Systems
• Styles • Styles in Figma • Create Colour, Text, Effect and Layout Grid Styles • Manage and Share Styles • Components • Guide to Components in Figma • Create Components to Reuse in Designs • Create and Use Variants • Create Interactive Components with Variants • Explore Component Properties • Create and Manage Component Properties • Name and Organise Components • Prepare for Variants • Variables • Guide to Variables in Figma • Overview of Variables, Collections, and Modes • Create and Manage Variables • Modes for Variables • Apply Variables to Designs

Section 4: Build Prototypes
• Create Prototypes • Create Connections • Set Interaction • Choose Transition Animations • Share Prototypes • Comment on Prototyps • Incorporate Feedback

Section 5: Prepare for Handoff
• Custom File Thumbnails • Invites and Sharing Permissions • View Only Editor • Inspect Tab, Documentation, and Code • Set Up Exports and Exporting

Section 6: Dev Mode
• Enter Dev Mode • Navigate Designs • Inspect Designs • Use Dev Mode Extensions

Section 7: Figma for VS Code
• Open Figma Designs in VS Code • Inspect Figma Designs in VS Code • Auto-Complete Code Suggestions • View Comment Notifications • Log Out of Figma for VS Code

Section 8: Inspect designs
• Navigate Designs in Dev Mode • Code Snippets in Dev Mode • Compare Changes in Dev Mode • Link Dev Resources to Layers in Dev Mode