Figma Tutorial for UI Design - Course for Beginners

Figma Tutorial for UI Design - Course for Beginners

freeCodeCamp.org via freeCodeCamp Direct link

) Tailwind UI Design Project

25 of 32

25 of 32

) Tailwind UI Design Project

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Figma Tutorial for UI Design - Course for Beginners

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ) Introduction
  2. 2 ) Creating A Figma Account
  3. 3 ) Creating & Naming A Figma Design File
  4. 4 ) Creating Shapes In Figma
  5. 5 ) Selection In Figma
  6. 6 ) Editing Shapes In Figma
  7. 7 ) Introduction To Typography In Figma
  8. 8 ) Design Tree In Figma
  9. 9 ) First Design Task
  10. 10 ) Colors In Figma
  11. 11 ) Drawing Tools In Figma
  12. 12 ) Margin And Padding In UI UX Design
  13. 13 ) Figma AutoLayout
  14. 14 ) Formatting Principles In Figma
  15. 15 ) Figma Constraints And Resizing
  16. 16 ) Website Design in Figma
  17. 17 ) Jakob's Principle Of Design
  18. 18 ) Introduction to Styles and components
  19. 19 ) Figma Component Variants
  20. 20 ) Layout Design & Configuration For Websites in Figma
  21. 21 ) Layout Grids In Figma
  22. 22 ) Introduction To Responsive Design
  23. 23 ) Material Design Guide
  24. 24 ) Introduction To Tailwind UI
  25. 25 ) Tailwind UI Design Project
  26. 26 ) Responsive Landing Page Design Project
  27. 27 ) Designing Mobile Apps
  28. 28 ) Iconography In Figma
  29. 29 ) Boolean Groups
  30. 30 ) Figma Tokens
  31. 31 ) Animation In Figma With Figmotion
  32. 32 ) Mobile Design Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.