Complete UI/UX Mega Course | AQskill

Flash Sale🎉|70% discount on Courses!
3hours 7minutes left!

Complete UI/UX Mega Course | AQskill

This content is protected, please login and enroll course to view this content!

Prev 18. Frame , Groups and Section in Figma

Next 19. Where to find and use free icons

KICKING OFF 8
- Lecture1.1
  
  1. Introduction to Complete UI/UX Mega Course 03 min
- Lecture1.2
  
  2. Starting out as a beginner 03 min
- Lecture1.3
  
  3. What is UI/UX, Importance and Differences 04 min
- Lecture1.4
  
  4. What is Figma 02 min
- Lecture1.5
  
  5. Intro to Personna 04 min
- Lecture1.6
  
  6. Task flow and user flow 06 min
- Lecture1.7
  
  7. What we are Making in this Figma Course 03 min
- Quiz1.1
  
  0 question
WIREFRAME 3
- Lecture2.1
  
  8. What is a wireframe and what is it use for 04 min
- Lecture2.2
  
  9. High fidelity in figma 02 min
- Quiz2.1
  
  Exercise 2 0 question
INTRO TO FRAME,TEXT AND COLOR 10
- Lecture3.1
  
  10. Figma Installation and Creating a New design file 04 min
- Lecture3.2
  
  11. Introduction to frames 08 min
- Lecture3.3
  
  12. Using text tool 10 min
- Lecture3.4
  
  13. The use of shape tool 10 min
- Lecture3.5
  
  14. Using strokes and managing default 06 min
- Lecture3.6
  
  15. Basics of working with colors in Figma 06 min
- Lecture3.7
  
  16. Object Editing and Manipulation 05 min
- Lecture3.8
  
  17. Introduction to scale and move tool 03 min
- Lecture3.9
  
  18. Frame , Groups and Section in Figma 10 min
- Quiz3.1
  
  0 question
PAGES, ICONS AND PLUGINS 6
- Lecture4.1
  
  19. Where to find and use free icons 08 min
- Lecture4.2
  
  20. How to synchronize icons strokes 08 min
- Lecture4.3
  
  21. Using pages in figma 03 min
- Lecture4.4
  
  22. How to install and use plugins in figma 07 min
- Quiz4.1
  
  0 question
- Quiz4.2
  
  0 question
BASIC PROTOTYPING 3
- Lecture5.1
  
  23. How to create Prototype in Figma 06 min
- Lecture5.2
  
  24. Animating Prototype and Easing 06 min
- Lecture5.3
  
  25.View Prototypes on a mobile device using Figma Prototype mirror share.testing on your Phone 02 min
BASIC ANIMATION 1
- Lecture6.1
  
  26. Smart animation and Delays 05 min
MOODBOARD-HIGH FIDELITY 2
- Lecture7.1
  
  28. Getting inspirations for ui/UX projects 06 min
- Lecture7.2
  
  29.Creating moodboards in figma 03 min
COLUMNS 2
- Lecture8.1
  
  30.Working with Columns and Grid 08 min
- Quiz8.1
  
  I. Complete the designs on the remaining screens using grid for proper Alignments 0 question
COMMENTING 1
- Lecture9.1
  
  27.Sharing and Commenting on Figma file with Stakeholders 05 min
FIGMA TIPS AND TRICKS 1
- Lecture10.1
  
  31.Figma tips and tricks 06 min
COLOURS 5
- Lecture11.1
  
  32. Using the eye dropper tool and color inspiration 08 min
- Lecture11.2
  
  33. Creating a color Palette in Figma 04 min
- Lecture11.3
  
  34. Making color gradients in Figma 04 min
- Lecture11.4
  
  35. Create and use color styles in figma 05 min
- Quiz11.1
  
  I. Following what we learnt in class, use the knowledge learnt to create your own color styles 0 question
TEXT AND FONTS-ADVANCED 5
- Lecture12.1
  
  36. Variations in the amount of font between the browser and desktop versions of Figma 02 min
- Lecture12.2
  
  37. Choosing and pairing fonts 02 min
- Lecture12.3
  
  38.Common font size to use in web design 06 min
- Lecture12.4
  
  39.Making Text styles in figma 03 min
- Lecture12.5
  
  40. Lorem ipsum 03 min
DRAWING 2
- Lecture13.1
  
  41. Drawing tips and tricks in Figma 13 min
- Lecture13.2
  
  42. Tidy up and Smart selection in Figma 04 min
WORKING WITH ILLUSTRATOR 1
- Lecture14.1
  
  43. Working with Illustrator 09 min
IMAGES 3
- Lecture15.1
  
  44.Tips are tricks using images in Figma 11 min
- Lecture15.2
  
  45. How to get royalty free images using plugins 05 min
- Quiz15.1
  
  I. Add your desired background color to your design across all the Screens in your project. 0 question
WORKING WITH PHOTOPEA 2
- Lecture16.1
  
  46. Do you need Photoshop for your UX design 05 min
- Lecture16.2
  
  47. About Photopea 02 min
AUTOLAYOUT AND CONSTRAINTS 5
- Lecture17.1
  
  48. Using Autolayout for spacing 03 min
- Lecture17.2
  
  49.Spacing in autolayout 04 min
- Lecture17.3
  
  50. How to use constraints 03 min
- Lecture17.4
  
  51. Constraints in Figma 2 03 min
- Lecture17.5
  
  52. Drop Shadow effect in Figma 03 min
EFFECTS 2
- Lecture18.1
  
  53. Layer Blur, Image and Background Blur in Figma 04 min
- Lecture18.2
  
  54. Neumorphic, GlasmorphisM, Skeoumorphism Design in Figma 04 min
SAVINGS AND HISTORY 1
- Lecture19.1
  
  55.Local and Save History in Figma 04 min
COMPONENTS AND INSTANCES 4
- Lecture20.1
  
  56. Master Components and Instances 08 min
- Lecture20.2
  
  57. Updating and resetting your components 04 min
- Lecture20.3
  
  58. Component best design practices 04 min
- Lecture20.4
  
  59. Advanced way of organizing your components using Forward slash 04 min
VARIABLE AND VARIANTS IN FIGMA 2
- Lecture21.1
  
  60. How to make a variable component in Figma 04 min
- Lecture21.2
  
  61. How to make a multi dimensional variant in Figma 05 min
MAKING A FORM 1
- Lecture22.1
  
  62. How to make a form using variants in Figma 08 min
PROTOTYPING-ADVANCED 6
- Lecture23.1
  
  63. How to add a pop up overlay modal in Figma 08 min
- Lecture23.2
  
  64. How to make and prototype a tooltip in Figma 06 min
- Lecture23.3
  
  65. Mobile Nav Menu Overlay in Figma 03 min
- Lecture23.4
  
  66. How to Fix Navigation to the top in Figma 16 min
- Lecture23.5
  
  67. How to make Horizontal Scrolling Swipe in Figma 04 min
- Lecture23.6
  
  68.How to design Automatic Carousel / Slider in Figma 08 min
ANIMATIONS AND MICRO INTERACTIONS 3
- Lecture24.1
  
  69. Animation with custom easing in Figma 05 min
- Lecture24.2
  
  70. Micro Interactions using Interactive Components in Figma 03 min
- Lecture24.3
  
  71. Toggle Switch and Burger Menu Micro Interaction 04 min
THUMBNAIL UPDATE 1
- Lecture25.1
  
  72. How to change the Thumbnail for Figma Files 03 min