PlayInfoBox

Home /Education /Getting Started with Figma

Getting Started with Figma

Figma lets designers, product people, and developers look at and edit the exact same file at the same time β€” here is the basic workflow.

  1. Create a new design file

    From the Figma home screen, click the "Design file" button to start a new working file.

  2. Use the Frame tool to set up a screen

    Select the Frame tool (shortcut F) to create a frame sized for a mobile or web screen.

  3. Add shapes and text

    Use the rectangle, text, and other basic tools to place the design elements you want inside the frame.

  4. Share a link so teammates can view it

    Generate a link from the "Share" button in the top right so teammates can view the design in real time and leave comments.

  5. Why it's worth using

    Instead of designers, planners, and developers passing separate files back and forth, everyone can look at, edit, and discuss the same file at the same time.

One file instead of a chain of exported versions

Design work traditionally involves exporting a file, sending it, and waiting for feedback, by which point it's already out of date. Because Figma lives in the browser and updates live, everyone is always looking at the current version, not an outdated export.

Comments keep feedback attached to the design itself

Leaving a comment directly on a specific element, rather than describing its location in a chat message, means feedback stays attached to exactly what it's about, so nothing gets lost in translation between a message and the actual screen.

Frequently Asked Questions

Do I need to install anything to use Figma?

No β€” Figma runs entirely in a web browser, though a desktop app is also available if you prefer it.

Can someone without a Figma account view my design?

Yes, a shared link can typically be set to allow anyone with the link to view it, even without their own Figma account, depending on the sharing permissions you choose.