Complete UI/UX Mega Course → 66. How to Fix Navigation to the top in Figma

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 4
- 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
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

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

Prev 65. Mobile Nav Menu Overlay in Figma

Next 67. How to make Horizontal Scrolling Swipe in Figma

1 Comment

Reginald Osei-Marfoh

08/02/2024

The images selection part could have been sped up but yeah nice job, so easy to understand 👏

KICKING OFF 8

WIREFRAME 3

INTRO TO FRAME,TEXT AND COLOR 10

PAGES, ICONS AND PLUGINS 4

BASIC PROTOTYPING 3

BASIC ANIMATION 1

MOODBOARD-HIGH FIDELITY 2

COLUMNS 2

COMMENTING 1

FIGMA TIPS AND TRICKS 1

COLOURS 5

TEXT AND FONTS-ADVANCED 5

DRAWING 2

WORKING WITH ILLUSTRATOR 1

IMAGES 3

WORKING WITH PHOTOPEA 2

AUTOLAYOUT AND CONSTRAINTS 5

EFFECTS 2

SAVINGS AND HISTORY 1

COMPONENTS AND INSTANCES 4

VARIABLE AND VARIANTS IN FIGMA 2

MAKING A FORM 1

PROTOTYPING-ADVANCED 6

ANIMATIONS AND MICRO INTERACTIONS 3

THUMBNAIL UPDATE 1

1 Comment

Leave A Reply Cancel reply