Complete UI UX Mega Course

Module 1: KICKING OFF Open

• ► Introduction to Complete UI/UX Mega Course
  🔒
• ► Starting out as a beginner
  🔒
• ► What is UI/UX, Importance and Differences
  🔒
• ► What is Figma
  🔒
• ► Intro to Personna
  🔒
• ► Task flow and user flow
  🔒
• ► What we are Making in this Figma Course
  🔒

Module 2: WIREFRAME Open

• ► What is a wireframe and what is it use for
  🔒
• ► High fidelity in figma
  🔒

Module 3: INTRO TO FRAME,TEXT AND COLOR Open

• ► Figma Installation and Creating a New design file
  🔒
• 📄 Introduction to frames
  🔒
• ► Using text tool
  🔒
• ► The use of shape tool
  🔒
• ► Using strokes and managing default
  🔒
• ► Basics of working with colors in Figma
  🔒
• ► Object Editing and Manipulation
  🔒
• ► Introduction to scale and move tool
  🔒
• ► Frame , Groups and Section in Figma
  🔒

Module 4: PAGES, ICONS AND PLUGINS Open

• ► Where to find and use free icons
  🔒
• 📄 How to synchronize icons strokes
  🔒
• ► Using pages in figma
  🔒
• ► How to install and use plugins in figma
  🔒

Module 5: BASIC PROTOTYPING Open

• ► How to create Prototype in Figma
  🔒
• ► Animating Prototype and Easing
  🔒
• ► View Prototypes on a mobile device using Figma Prototype mirror share.testing on your Phone
  🔒

Module 6: BASIC ANIMATION Open

• ► Smart animation and Delays
  🔒

Module 7: MOODBOARD-HIGH FIDELITY Open

• ► Getting inspirations for ui/UX projects
  🔒
• ► Creating moodboards in figma
  🔒

Module 8: COLUMNS Open

• ► Working with Columns and Grid
  🔒

Module 9: COMMENTING Open

Module 10: FIGMA TIPS AND TRICKS Open

• ► Figma tips and tricks
  🔒

Module 11: COLOURS Open

• ► Using the eye dropper tool and color inspiration
  🔒
• ► Creating a color Palette in Figma
  🔒
• ► Making color gradients in Figma
  🔒
• ► Create and use color styles in figma
  🔒

Module 12: TEXT AND FONTS-ADVANCED Open

• ► Variations in the amount of font between the browser and desktop versions of Figma
  🔒
• ► Choosing and pairing fonts
  🔒
• ► Common font size to use in web design
  🔒
• ► Making Text styles in figma
  🔒
• ► Lorem ipsum
  🔒

Module 13: DRAWING Open

• ► Drawing tips and tricks in Figma
  🔒
• ► Tidy up and Smart selection in Figma
  🔒

Module 14: WORKING WITH ILLUSTRATOR Open

• ► Working with Illustrator
  🔒

Module 15: IMAGES Open

• ► Tips are tricks using images in Figma
  🔒

Module 16: WORKING WITH PHOTOPEA Open

• ► Do you need Photoshop for your UX design
  🔒
• ► About Photopea
  🔒

Module 17: AUTOLAYOUT AND CONSTRAINTS Open

• ► Using Autolayout for spacing
  🔒
• ► Spacing in autolayout
  🔒
• ► How to use constraints
  🔒
• ► Constraints in Figma 2
  🔒
• ► Drop Shadow effect in Figma
  🔒

Module 18: EFFECTS Open

• ► Neumorphic, GlasmorphisM, Skeoumorphism Design in Figma
  🔒

Module 19: SAVINGS AND HISTORY Open

• ► Local and Save History in Figma
  🔒

Module 20: COMPONENTS AND INSTANCES Open

• ► Master Components and Instances
  🔒
• ► Updating and resetting your components
  🔒
• ► Component best design practices
  🔒
• ► Advanced way of organizing your components using Forward slash
  🔒

Module 21: VARIABLE AND VARIANTS IN FIGMA Open

• ► How to make a variable component in Figma
  🔒
• ► How to make a multi dimensional variant in Figma
  🔒

Module 22: MAKING A FORM Open

• ► How to make a form using variants in Figma
  🔒

Module 23: PROTOTYPING-ADVANCED Open

• ► How to add a pop up overlay modal in Figma
  🔒
• ► How to make and prototype a tooltip in Figma
  🔒
• ► How to Fix Navigation to the top in Figma
  🔒
• ► How to make Horizontal Scrolling Swipe in Figma
  🔒
• ► How to design Automatic Carousel / Slider in Figma
  🔒

Module 24: ANIMATIONS AND MICRO INTERACTIONS Open

• ► Animation with custom easing in Figma
  🔒
• ► Toggle Switch and Burger Menu Micro Interaction
  🔒
• ► Micro Interactions using Interactive Components in Figma
  🔒

Module 25: THUMBNAIL UPDATE Open

• ► How to change the Thumbnail for Figma Files
  🔒