Figma Tutorial for Beginners - From Basics to Prototyping and Design (2024)

Figma Tutorial for Beginners - From Basics to Prototyping and Design (2024)

Kevin Stratvert via YouTube Direct link

- Constraints

20 of 28

20 of 28

- Constraints

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Figma Tutorial for Beginners - From Basics to Prototyping and Design (2024)

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

  1. 1 - Introduction
  2. 2 - Get Figma
  3. 3 - First run flow
  4. 4 - File browser
  5. 5 - Figma editor layout
  6. 6 - Frames
  7. 7 - Panning and zooming
  8. 8 - Rename frames
  9. 9 - Pages
  10. 10 - Add frame fill / background
  11. 11 - Design properties
  12. 12 - Add rectangle shape
  13. 13 - Place image
  14. 14 - Layout grid
  15. 15 - Add text
  16. 16 - Add navigation frame
  17. 17 - Design icons
  18. 18 - Community assets
  19. 19 - Components
  20. 20 - Constraints
  21. 21 - Design component cards & spacing
  22. 22 - Masks
  23. 23 - Styles
  24. 24 - Auto layout
  25. 25 - Prototype
  26. 26 - Share with others
  27. 27 - Export designs
  28. 28 - Wrap up

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.