Scribd
Upload
32 views

Introduction To Figma

Uploaded by

saranbabub.20msc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
32 views

Introduction To Figma

Uploaded by

saranbabub.20msc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 10

INTRODUCTION TO

FIGMA
WHAT IS FIGMA

• Figma is a collaborative interface design tool that’s taken the design world by storm.

• Figma can be run entirely from a web browser and, therefore, works not only on Macs

but also on PCs running Windows or Linux, and even on Chromebooks.

• Another big advantage of Figma is that it allows real-time collaboration on the same

file.
FOUNDER OF
FIGMA
• Figma was founded by Dylan Field in the
year 2012.
• Figma started offering a free invite-only
preview program on December 3, 2015.
• It saw its first public release on September
27, 2016.
1.SET UP YOUR FIGMA ACCOUNT

• Getting started in Figma is as simple as going to www.figma.com, clicking “Get

started”, entering your details, and completing a quick verification activity.

• Once you’ve done that, Figma will guide you to a screen with a few more

onboarding questions before throwing you right into a project file with some

examples of what you can create using Figma .


TAKE A LOOK AROUND THE FIGMA
INTERFACE
• The look and feel of the Figma interface is quite minimal, but it belies a set of
powerful features.

Interface’s main areas:


1. Menu
2. Tools
3. Actions
4. Collaboration and View Options
5. Layers
6. Canvas
7. Properties
MENU
• Unlike regular desktop design apps, Figma’s menu can be found by clicking the Figma

logo in the top-left of the screen.

• Take a minute to browse around this dropdown and see what’s there! Here, you can also

search for specific commands you need.

• Click on the magnifying glass where it says “Quick actions…” and type in “rectangle”

and you’ll quickly find the Rectangle Tool, complete with a handy reminder of its

keyboard shortcut (it’s R, by the way).


TOOLS
• Here you can quickly access the tools you’re likely to use most often: move, frame, shapes, pen,

text, etc.

ACTIONS
• This area shows extra options for whatever object you have selected on your canvas. When
no object is selected (as shown above), Figma displays the file name.

COLLABORATION AND VIEW OPTIONS


• The right side of the toolbar is where you can find the file sharing functions and see who else
is viewing your file in real-time. You’ll also find view and zoom options.
LAYERS
• Also known simply as the “left sidebar,” this is where every element in the file is listed and

organized into Pages, Frames and Groups.

CANVAS
• This is where you’ll create all of your designs!

PROPERTIES
• The properties panel offers contextual information and settings for whatever object is
selected.
• In the image above, we’re seeing options for the Canvas itself.
• By default, you’re viewing the Design tab, but there is also a separate tab for setting up a
Prototype
START A NEW DESIGN FILE
THANK
YOU
Brita Tamm
502-555-0152
[email protected]
www.firstupconsultants.com

You might also like