01

    Welcome to Figma

    By Nitin Khatri (Senior UI/UX Designer & Educator)
    Reviewed by Sarah Miller (Principal Product Designer (Reviewer))
    Updated
    Video Lesson: 05:45
    Level: Beginner
    Official References:
    Figma Help CenterFigma YouTube Channel

    Welcome to the comprehensive Figma course. This lesson introduces you to the platform's capabilities and sets the stage for your design journey.

    Complete tasks and quiz to finish this lesson.
    Tasks
    Quiz

    Lesson Video

    Lesson Content

    Learning Objectives

    • •Understand the core purpose of Figma in modern UI/UX design
    • •Create and set up a new Figma account for personal use
    • •Identify the differences between browser and desktop app versions
    • •Navigate the primary dashboard and project organization structure

    What You'll Learn

    1. Introduction to Figma and its impact on the industry
    2. Setting up your professional design environment
    3. Overview of the web-based vs. desktop experience
    4. Understanding the project dashboard and file management

    Key Concepts

    Cloud-based Design
    Real-time Collaboration
    UI/UX Fundamentals
    Project Organization

    Key Takeaways

    • ✓Figma is a collaborative design tool used primarily for UI/UX projects.
    • ✓A free account is sufficient for most individual learning goals.
    • ✓The platform works seamlessly across web browsers and dedicated apps.
    • ✓The course is structured to take you from foundational basics to expert workflows.

    Practice Tasks

    Account Setup and Environment Check

    Create your Figma account and familiarize yourself with the desktop and browser environments to ensure you are ready for the course.

    • Create a free Figma account
    • Download and install the Figma desktop application
    • Log in to the dashboard in both browser and desktop app
    • Open a new blank design file to verify canvas access

    Knowledge Check

    Pass with 70% or higher

    1. Which of the following best describes Figma's primary architecture?

    2. Why is Figma referred to as a cross-platform tool?

    3. What happens when multiple designers open the same Figma file simultaneously?

    Lesson FAQ

    Q: How can I practice what I learned in this lesson?

    We highly recommend opening your own Figma workspace in a side window and repeating the steps shown in the video. Utilize the tasks checklist above for specific practice targets.

    Q: What should I do if my layout behaves differently from the walkthrough?

    Double-check parent-child constraints and resizing values (e.g. Hug vs Fill). Ensure Auto Layout direction is correct and check the related guidebooks below for step-by-step visual references.

    Lesson Resources & Connections

    Prerequisites

    No prerequisites required. This is a foundational starter lesson.

    Related Guidebook

    How to collaborate and leave comments effectively in Figma

    Read Guidebook →

    Relevant Design Tool

    Image Compressor

    Reduce asset size before export.

    Open Companion Tool →

    Next Lesson

    Understanding the Figma Interface