Session 15: Introduction to Figma and Basics of UI Design

Key Topics:

• Understanding Figma:
  • Introduction to Figma’s interface and key features.
  • Differences between Figma Desktop App and Browser Version.
• Setting Up Your Workspace:
  • Creating a new file and organizing your workspace.
  • Understanding frames and artboards.
• Tools Overview:
  • Move Tool, Shapes Tool, and Frame Tool.
  • Layer hierarchy and naming conventions.
• Document Collaboration:
  • Real-time collaboration features.
  • Sharing files and inviting team members.
• Project: Design a simple mobile app splash screen.

Practice Activity:
Create a login screen with a title, input fields, and a submit button using Figma’s tools.