Figma Introduction

Figma is a design tool used by teams to create websites, mobile apps, and digital products. It runs entirely in a web browser, so you do not need to install any software on your computer. Designers, developers, and product managers all use Figma together in real time.

What Figma Does

Figma lets you draw shapes, arrange layouts, pick colors, write text, and connect screens to simulate how an app works — all inside one tool. Think of it like Google Docs for design: multiple people can work on the same file at the same time and see each other's changes instantly.

Why Designers Choose Figma

Before Figma, design teams used separate apps for wireframing, visual design, prototyping, and developer handoff. Figma combines all of these into one workspace. This saves time and reduces errors caused by copying files between tools.

Who Uses Figma

• UI designers create screens for websites and apps.
• UX designers map out how users move through a product.
• Product managers review and comment on designs.
• Developers inspect designs and copy CSS or code values directly.
• Freelancers use Figma to deliver client work without buying expensive software.

Figma vs Other Design Tools

Figma works on any computer because it runs in a browser. Sketch works only on Mac. Adobe XD requires installation and is tied to the Adobe ecosystem. Figma's collaboration features are also stronger than both of those tools, which makes it the most popular choice for teams working remotely.

How Figma Organizes Work

Your Figma Account
  └── Teams
        └── Projects
              └── Files
                    └── Pages
                          └── Frames (your actual designs)

Think of a Team as your company or studio. A Project is a folder for one product or client. A File holds all designs for that product. Pages inside a file separate different sections — for example, one page for mobile screens and another for desktop. Frames are the individual screens or artboards where you design.

Figma Plans

Figma offers a free Starter plan that lets you create up to 3 projects with unlimited personal files. The Professional plan adds unlimited projects, team libraries, and advanced sharing. The Organization plan suits large companies that need a shared design system across many teams.

Setting Up Your Account

1. Go to figma.com and click Get started for free.
2. Enter your email address and create a password.
3. Figma asks about your role — choose the option that matches your work.
4. Figma opens the editor in your browser. No download needed.

If you want a desktop experience, Figma also offers a downloadable desktop app for Mac and Windows. The desktop app behaves identically to the browser version but stays open as a separate window.

Figma Files vs Figjam Files

Figma offers two file types. A Figma file (.fig) is for visual design and prototyping. A FigJam file is a digital whiteboard for brainstorming, diagrams, and sticky-note sessions. This course focuses entirely on Figma design files.

Key Terms to Know

• Canvas – The infinite white space where all your designs live.
• Frame – A container that represents one screen or section of your design.
• Component – A reusable design element, like a button you build once and use many times.
• Prototype – A clickable simulation of your design that shows how screens connect.
• Inspect – A panel that shows developers the exact measurements, colors, and fonts in a design.