Careers

screenElements: Photo Button

screenElements: Photo Photo Photo Icon Link Photo Button

pagePatterns:
Careers Page
Careers Page
Careers Page
Careers Page
Careers Page
Careers Page
Careers Page
Careers Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Senior Systems Engineer Quality Assurance Manager, Product Support
Strategic Finance, Corporate Finance Resolution Manager, Product Support Get started
Strategic Finance, Sales Technical Writer, Developer Documentation
Strategic Finance, Self Serve

Sales
DeSIgl‘l Account Executive, Enterprise
Product Designer Account Executive, Enterprise (London, UK)
Product Designer - Figma Design System Account Executive, Mid Market

Account Executive, Mid Market (Berlin, Germany)
Early Career Account Executive, Mid-Market (London, UK)
Software Engineer, Early Career (2023) Account Executive, Mid Market (Paris, France)

Account Executive - Mid Market (Tokyo, Japan)
Englneerlng Account Executive, Mid Market (Tokyo, Japan)
Data Engineer Account Executive, SMB
Data Scientist - Marketing Account Executive, SMB (Paris, France)
Director of Technical Program Management - Platform & Account Manager, Enterprise (Tokyo, Japan)
Infrastructure Engineering .

Account Manager, Mid-Market
Engineering Manager

Account Manager, Mid Market (Berlin, Germany)
Engineering Manager - Infrastructure

Account Manager, Mid Market (London, UK)
Engineering Manager - Security

Account Manager, Mid-Market (Paris, France)
Manager, Business Analytics

Account Manager, Mid Market (Tokyo, Japan)
Manager, Data Science (Platform) . . ]

Business Development Representative (Berlin, Germany)
ML/AI Engineer

Business Development Representative (London, UK)
Security Engineer

Business Development Representative (Singapore)
Software Engineer - Android

Business Development Representative (Tokyo, Japan)
Software Engineer - Application Platform

Director, Channel Sales
|Our values are the underpinning for all that we do at Figma — we believe that a great
product is inextricably linked to a great internal community.
Get started
T . / =
F T - = ai’,.}?ﬂfi‘-c‘;;r_
S Sl
‘- ‘ 7 o & (b .n
7 |
' |
= « - — N |
) v - y , il
‘..ﬁ X
e ’
SN s, A ," ‘
e 4 E T b [ 4 1 bt
o L 4 > L4
Lo AP | AA- ‘
) o d
Nz TR " . I .
I(f. ( ' a3 A &
3. ¢ &/ — ~
! p | ¢ -
,, / /
=—» TR
: 2o\ | jl £ ‘ . _I - o NN
Build community Run with it
We’re multiplayer people who love the weird, wonderful magic Building Figma is about taking initiative, being bold and
that happens when people connect. We build bridges — with charting a new course, not running a playbook. Figmates are
both our Figmates and our users. building the future of design by tackling big, scary, exciting
challenges like Figma’s future depends on it. Because it does.
b S g \;f:-:’) 2
b 2 o~
|Get started
= =
m AN [ - 0
‘& = - ) /
- > H
“ & | F o, About Figma
! A _§ Figma is the open design company founded in 2012 by
rﬂ. l %g;;? r Dylan Field and Evan Wallace. With our cloud-based
/ % f‘ S— screen design tool, teams achieve a shared
;'%/ ',ﬁ\\\\ \ M‘m" understanding around design without worrying about
/ \ S \" syncing, exporting, or installing software. Figma has
s . A4 . ier . . .
% f o\ - oy . simplified collaboration across the entire design process
G BN | .& for thousands of companies like Microsoft, Slack, and
. w&\\ 4 ' . Uber; and users, including designers, developers,
; = ‘E ; product managers, marketers and others.
,f\‘ (‘ m - ro w .
e o - £T e SN
i e ¥ eSS S N e
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Blog
Careers
|
Our story
[ )
Help Center
a alone:
Figma connects everyone in the design process
so teams can deliver better products, faster.
Get started 0
romm B EXRNREe LA
Layers Desigt
. Headline
lay For you Albums C_ ————— Color
@O o
1
% Slider | . L
Radio ( I 0 -
I
2 AR Y
|-
. - | ‘ ﬁ % k: I'
S ATy
B B A )
| ’;/:::Ir\ N
-\ W
| W\
“ N : P -
|= e s ,
—ata | | ’ \ - \
i y —~ /( Get started | ~
i 4 g [ ) . IF
< AT (LT 4 /
|} - AR TRRA
\\\ - 7 /‘ ‘-/r' // /‘) I\ e '\ < '
=N ; g : ’/ /] \’\, ) ‘ =
Benefits
Competitive salary & equity <& Health, Dental, & Vision
Retirement with company .
Parental leave & fertility support
= contribution % PR
Y Mental health and wellness benefits X Generous PTO
174 Company recharge days [l Learning & development stipend
0 Work from home stipend N Cell phone reimbursement
. u - -
|Get started
| !1
| 1 B
\
.
Why | love Figma
] . “It’s rare you find a combination of incredible talent,
| ideal market timing, ambitious vision, and a supportive
» ‘ customer base. | love the gratification of knowing we've
... cadl | - been challenged to build something unique and long-
\ I ‘ standing. We invest in and care deeply about our
community, and seek to celebrate their successes.”
- Praveer Melwani, VP of Finance and Business
Operations
|Job Openings

Business Development Product Support
Distribution Partnerships Director of Scalable Support

Director, Product Support Operations & Analytics
Business operations Learning and Performance Specialist, Product Support
Business Operations Manager, Community Support - French Speaking
Executive Assistant, Engineering (London, UK)
Executive Assistant, Sales Manager, Product Support - Tier 1 (London, UK)
Manager, Procurement Operations Er;(o)duct Support Specialist - French Speaking (London,
Marketing Counsel Product Support Specialist - Portuguese Speaking
Senior Corporate Accountant (London, UK)
Senior Systems Engineer Quality Assurance Manager, Product Support
Strategic Finance, Corporate Finance Resolution Manager, Product Support
Strategic Finance, Sales Technical Writer, Developer Documentation
Strategic Finance, Self Serve

Sales
DeSigl‘l Account Executive, Enterprise
Product Designer Account Executive, Enterprise (London, UK)
Product Designer - Figma Design System Account Executive, Mid Market

Account Executive, Mid Market (Berlin, Germany)
|Get started
Our Values
Our values are the underpinning for all that we do at Figma — we believe that a great
product is inextricably linked to a great internal community.
. ‘ \ o . ;
| L ' v !
| sl |
’ i Ny | | I x
P 2 %)
.. S | y ' A H
Ay p- ¥ ‘ |
o8 | 3
A - - f = . | -
‘E & 0" EA' ;‘:.‘ [s % T % .
‘)q’,\‘itc-.:":‘ A A N - e '
3 ‘}:“'o,’ ,/" » 9 ‘,‘ )
'é’ \
\'\,,P ( A l‘ '
) : >/
i 3 -
5.-L / r = ' e ——
o - /./ ‘] - .
Build community Run with it
We’re multiplayer people who love the weird, wonderful magic Building Figma is about taking initiative, being bold and
that happens when people connect. We build bridges — with charting a new course, not running a playbook. Figmates are
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
ST SRR e ]
Careers at Figma R 8
Figma is a design platform for teams who build products i ‘ {é :
together. Our vision is to make design accessible to all ) B9 by i [
. . o T — kg i
because we know that nothing great is made alone. i 7l e | I - . A
We’'re a team of makers who celebrate our differences _f‘_-_ o ' ! I8
and share a passion for our community. We're hiring ! " - { . b o
across our global hubs and remotely in the o b —— e . e
e e 4 o = B y
US and Canada. . S — m— ! .EIEJ
" 1L - L5
Come join us! . ' i
) 'n Am—
| 1’ BT ot =, ' e
See open positions ‘ L b ;:& . T T
8 R e e - B e e e e jer PR


Case study detail

appName: Figma

appCategory: Graphics & Design

appTagline: The collaborative interface design tool

companyHqRegion: US & Canada

companyStage: Public & Mature

platform: web

pageType: Marketing

hotspotType: Click

pagePatterns:
Features Page
Social Proof (Testimonial) Section

screenElements: Carousel Thumbnail Button

hotspotType: Scroll Vertically

screenElements: Avatar Button

screenElements: Carousel Thumbnail Button Avatar Button

screenPatterns:
Article Detail
Article Detail

pageType: Marketing Marketing Marketing Marketing

allAppCategories:
Collaboration
Graphics & Design

screenKeywords:
B~ Design Sprint 6 o @ w D v 100% v Try FigJam
“Figdam is simple enough for
~""%) Warm up: anyone outside the design org
.' What'’s your Starbucks order?). to Jump in and contribute but
advanced enough to
» customize. It is an easy
malleable canvas.”
" Y
=% - i;
—T1 g -
P—
'»73 $00; Stl'lpe
>l
Ryan Ma, Product Designer
A - N - T s & -
- ﬂ T-2 & B &
Warm up Brainstorm Source new ideas
Stripe jumpstarts sprints Their Figdam file has The open canvas makes it
with a playful icebreaker to “sections” based on the easy for the editorial team
get everyone using Figdam agenda along with to spin up swarms to
and talking with one prompts to encourage collect new content ideas.
another. discussion and keep
attendees solution-
focused.
Learn how to facilitate sprints
|vision, while the simple interface made it easy for counterparts outside the design
org to jump in and contribute without the burden of learning a new tool.
Get started
Run a multi-day sprint 1. Set the right tone with warm ups
1. Set the right tone with warm ups In an effort to get everyone relaxed, Ryan kicked off each day with a playful
. . . . icebreaker with a Figdam twist. Playing off of the team’s favorite things, the
2. Solution-oriented brainstorming . . .
warm-up on day one was to draw their coffee order using the pencil tool and
3. Put ideas to action shapes. On day two, they drew their favorite style of avocado toast. Not only did
this set the tone for the day and get the creative juices flowing, but it was also a
Read more FigJam stories way to get everyone comfortable with the basic features in Figdam.
Helpful tip: The jam file included a ‘How to FigJam’ section at the top of the file to
help those new to Figma navigate the FigJam file like a pro.
Sﬁ’%rm up !l
Y3 hat’s your Starbucks order?
i &
- 2 RN i““""‘“
= 7 y’:z avs o W
N ST i v
WY
=l ek ;
| SNl VN == j
Lo e N == = s
= \\-,,y: = , &3
T WY Bl T &
E Decaf iced coffee % \‘/7 ?:I/I
2. Solution-oriented brainstorming
|Get started
Run a multi-day sprint
1. Set the right tone with warm ups 3. Put ideas to action
2. Solution-oriented brainstorming After each session, participants would synthesize the information and take
learnings and themes into the next activity. In fact, after day one Ryan and his
3. Put ideas to action team were able to sketch out a rough version of an updated customer journey
directly in the Figdam file, which provided a great foundation for day two
Read more FigJam stories discussions.
By day three, it was all about turning ideas into action. The designers moved the
sprint over to Figma to collectively explore wireframe concepts. By copying over
post-its and rough sketches from their Figdam sprint file, they had all the
necessary context on hand to hit the ground running and start creating mocks.
The output of the sprint was a Figma file with mocks of concepts—complete with
screenshots of their Figdam file (as shown)—to give the broader product
organization a behind-the-scenes look at the thoughts behind each new idea.
00‘Radarmini- I’;= . 'g“'“'":i” e . :
design sprinty ;=_ g B v g::% : ’ o
= = 7] y "
=2 B = -
= T REEEE = E EEmE B EEmEEm
—— f!?an! E;E-“‘r"' EEE S UE e
;Iﬁﬁv ' ifn;i ::=. .j.. : = %
" Emggkss H IR L
EsE EE _
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Ryan Ma Running remote, multi-day sprints at
7/ Product Designers @ Stripe .
Stripe
Run a multi-day sprint
1. Set the right tone with warm ups
2. Solution-oriented brainstorming
3. Put ideas to action
Read more FigJam stories
When Ryan Ma, product designer at Stripe, and his team decided it was time to
organize a design sprint around a key feature for Stripe Radar, a product that
helps businesses prevent fraudulent transactions, he needed a workspace to
facilitate the multi-day sprint that felt flexible and accessible to the cross-
functional attendees. But since the company has gone remote, a process that
used to happen in-person with Google Slides and a physical whiteboard just
wasn’t going to work.
So Rvan turned to Figdam. Fiema’s new online whiteboard space. The blank


Design

screenElements:
Dropdown Menu
Thumbnail

pagePatterns:
Features Page
Hero Section

screenElements: Illustration Button

pagePatterns:
Features Page
Feature Section

screenElements:
Grid List
Illustration
Link

screenElements:
Illustration
Button
Animation & Video
Grid List
Illustration
Link
Dropdown Menu
Thumbnail

pagePatterns:
Features Page
Hero Section
Features Page
Feature Section
Features Page
Social Proof (Testimonial) Section
Features Page
Features Page
Feature Section
Features Page
Landing Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
¥ Products v Enterprise v Pricing Community v Company v F English v Login Get started
DESIGN FEATURES
It’s ti to desi
Figma is the only platform that brings together powerful
design features you already love and a more efficient
workflow to boot.
Get started
|Built with all the benefits of any good
cloud software
Access files anywhere with Internet Goodbye PDFs and outdated exports;
* access ’ * share f)illes with a live link i
Never have to save files again with Worry-free editing and collaboration
* auto-save ¢ * with zersion histogry
See how Figma can help you design from
|“l want my team to spend time
thinking about high level UX
problems, rather than mindlessly
repeating busy work. Figma helps
them do that.”
|SUUX KUV
Get started
' Py = Design responsively with Auto
Jenny Wen
< Last seen at 8:10pm ” Layo ut
Spend more time iterating and less time moving
Resd i things around.
please &
® | ess manual resizing: Buttons can resize with their
Hey, can you send me text and lists can rearrange themselves when items
?

e are moved around.

e Stretch to fill: Auto Layout components can now
stretch left and right (or top and bottom) for easier
responsive design.

* Design speaks development: Auto Layout’s
padding, direction, and spacing settings translate
directly into code, simplifying developer handoffs.

R P I Y | - -
|u ’ [
Design for the web made easy
Figma was built for the future of web. That’s why you’ll
see features you won’t find elsewhere.
* A modern pen tool: Draw in any direction with
Q Q
Vector Networks. No more merging or needing to
connect to the path's original point.
® Instant arc designs: Design clocks, watch screens,
or pie charts easily with the Arc tool. Ratio: 62.1
* Be expressive with OpenType: Tap into advanced %g
font features to fully express your brand.
n L
400x400
|S - I . B A — A - A A s b - - .~ A —. .. . i . . - . A - R HSL
See how Figma can help you design from
start to finish
Design process Prototyping Design Systems
Learn more Learn more Learn more
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Figma Figdam
An all-in-one design platform An online whiteboard for teams
8 k = N n
o o _ eatis
- [ 1 [ N
PN A 1] D/ =
DNe.
Design Online whiteboarding
Prototyping Design processes
Design systems Team meetings deSIgn process
ducts, faster.
Downloads g
t start
Get started 0
(N Y snare | =t On T D Design e a
Layers Desigt
. Headline
lay For you Albums :, ———— Color.
@O o
I
% Slider | . L
Radio I 0 -
I
2 AR Y


Plugins

pageType: Application

screenElements:
Dropdown Menu
Avatar
Icon

screenPatterns:
Bookmarks & Collections
Empty State

screenPatterns:
Home
Bookmarks & Collections
Empty State

pageType: Application Application

screenKeywords:
John "
8 jsmith.mobbin@gmail.com i Q @) Explore Community Jal @ .
© Recents Drafts Deleted @ jsmith.mobbin@gmail.com
[ Drafts
@ Internal profile
New design file + New FigJam file + [ Import file (& Plugins
@ Design and prototype Whiteboard and diagram Bring in files from o J;“f —
ettings
Ready to go beyond this free
plan? Upgrade for premium @ UIES >
features.
Explore FigJam templates . Getdesktop app
= ‘1_% == <+ Add account
5 oS¢ Team PR . ...
Favorite files |a§_|ram — sync meeting . |
) i basicsin agenda =TT B —
Hover over any file and click the star to Fi J m B == = '
add it here g a E—— o . -
B b
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last modified v oo |=
—|— Create new team
. ) . i i
e A/ - o
Contacts Q . e - S
00 amd O -
ko9 B N
B \ ‘@
o . - i .
Contacts App o o FigJam Basics Wireframing in Figma
Edited 5 minutes ago Edited 20 hours ago Edited 20 hours ago
. Download desktop app X 0
|Account  Community  Notifications  Plugins X
v Saved

You don't have any plugins saved.

Browse plugins in Community -

v In development

You'll need the desktop app to create and manage your own plugins


Submitting a support request

screenElements: Card Thumbnail Button

hotspotType: Keyboard Input

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Figma Help Center / Submit a request
Submit a request
As the Figma Support team grows, we are able to offer help in French, German,
and Japanese. Longer wait times may apply.
Please choose your issue below
Product question
Your email address *
I need help with...*
Figma design features
Figdam features
Design systems
Sharing and permissions
Description * ® Help
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.

’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m

Subject®

Description*

z

Please enter the details of your request. A member of our support staff will respond as soon as possible.

URL(optional)

Please share any URLs to files that are currently experiencing issues and invite support-share@figma.com as an

editor to these files so we can take a closer look.

Attachments(optional)

Add file or drop files here
® Help
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m

Figma Help Center / Submit a request
Submit a request

As the Figma Support team grows, we are able to offer help in French, German,

and Japanese. Longer wait times may apply.
Please choose your issue below

Product question

Your email address *
I need help with...*
Subject®
Description * ® Help
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn m¢ M
© Your request was successfully
submitted.
F Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Search components, styles, auto layout Search
Welcome to ' [ © o
Frae nne nint nf
|Talk to a member of our Get product or
account support

sales team PP

We can give you a demo, help you choose the We are here to help you

right plan for your team, or share best with any of your needs.

practices for getting the most out of Figma.
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Figma Help Center / Submit a request
Submit a request
As the Figma Support team grows, we are able to offer help in French, German,
and Japanese. Longer wait times may apply.
Please choose your issue below
Product question
Your email address *
I need help with...*
Something else v
Subject®
Description * ® Help
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Figma Help Center / Submit a request
Submit a request
As the Figma Support team grows, we are able to offer help in French, German,
and Japanese. Longer wait times may apply.
Please choose your issue below
Product question
Your email address *
I need help with...*
File deletion and recovery
Developing plug-ins and widgets
Third-party integrations
REST API
Something else
Description * ® Help
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.

’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m

Subject®

Description*

Hi
z

Please enter the details of your request. A member of our support staff will respond as soon as possible.

URL(optional)

Please share any URLs to files that are currently experiencing issues and invite support-share@figma.com as an

editor to these files so we can take a closer look.

Attachments(optional)

Add file or drop files here
® Help


Plugin API Guide

screenElements:
Page Control
Banner
Rating Control

screenElements:
Table of Contents
Top Navigation Bar
Keyboard Key
Accordion
Breadcrumbs
Dropdown Menu
Accordion
Page Control
Banner
Rating Control

pagePatterns:
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Figma Developers Plugin APl v  WidgetAPl v RESTAPI EmbedKit SCIM Q

Developers can create plugins with parameters that allow plugins to accept input from

users via the quick actions menu.
GETTING STARTED

Adding parameters means you don't need to build a custom Ul. It also provides a
Introduction streamlined experience for users of the plugin, who can run a plugin directly from the

. . ON THIS PAGE
Prerequisites quick actions menu.
Plugin APl access
Setup Guide Relaunch plugins
User actions

Figma and Figdam plugins . . . . . - .

When developing a plugin, you have the option to include a relaunch button. Since it isn't Plugin management
Setting editor type possible to set keyboard shortcuts for plugins, this makes it easier to run a plugin multiple

times and allows collaborators to relaunch the plugin from the same file.
BASICS OF PLUGINS

manifest.json
How Plugins Run
Accessing the Document "relaunchButtons": [
Editing Properties {""command" : p Gl + ! !
{"command": , ""name'": , "multipleSelection":

TypeScript ]
Creating a User Interface
CSS Variables and Theming In Figma design files, the relaunch button will appear in the Properties panel. In FigJam
Accepting Parameters as Input files, the relaunch button appears in the properties menu for a node. Relaunch buttons are

not available on page or document nodes in Figdam.
DEVELOPMENT GUIDES - Multiple relaunch buttons can be added to the same node. If multiple relaunch buttons

from the same plugin are added to the same node, they are grouped together into one

button with submenus. The order of buttons is determined by the order of the elements in
USING EXTERNAL RESOURCES -5 the manifest's relaunchButtons array. Learn more about relaunch in the plugin manifest

9
OTHER =

Plugin management

A
Support
|Figma Developers Plugin APl v  Widget APl v RESTAPI EmbedKit SCIM Q
GETTING STARTED Developers / Plugin APl / Getting Started / Introduction
Introduction
ON THIS PAGE
Prerequisites
Plugin APl access

Setup Guide H

I ntrOductlon User actions
Figma and Figdam plugins Plugin management
Setting editor type Welcome to the Plugin API!

Plugins are programs or applications created by the community that extend the
BASICS OF PLUGINS - functionality of Figma and Figdam. Plugins run in Figma or Figdam files and perform one

or more user actions. They allow users to customize their experience or create more
DEVELOPMENT GUIDES = efficient workflows.

Like Figma and Figdam, plugins are powered by web technologies. You’ll need an
USING EXTERNAL RESOURCES => understanding of these technologies to develop plugins. You'll write plugins in JavaScript

and build any Ul using HTML. Explore required knowledge =
OTHER - Plugins interact with the Figma application via a dedicated Plugin API. They can also

leverage external Web APIs. You can build plugins that run immediately, or build plugins

that require user’s to input information via a user interface (Ul). Explore how plugins are

run =

The API reference and this accompanying documentation has the information you need to

build plugins for Figma and Figdam. To ask questions, give feedback, or connect with

other plugin developers: Join our community-driven Discord server =

Our setup guide takes you through the process of setting up your environment and

running a sample plugin. Get started with the plugin API -

Plugin APl access

The Plugin API supports both read and write functions, allowing developers to view,
|II 1
1

1

1

1

1

:

1 1

1

1

CEE '

1

1

| 1

| 1

If you can :
] \S 1

dream it, you - o
, 1

P J | N —
can build 1t ¥
1
‘ background: #000000; [l
Our developer platform puts the power in your hands to 1 e

create the tools teams need to improve efficiency, expand ‘
functionality, and bring ideas to life. Take a look at our /o~
APIs, documentation, guides, and references to get el ( </
started. Height: 800px 1
Top: 95px N/ 1

Left: 450px :

1

1 F 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 ‘
|Figma Developers Plugin APl v  Widget APl v RESTAPI EmbedKit SCIM Q
GETTING STARTED Developers / Plugin APl / Getting Started / Introduction
Introduction
ON THIS PAGE
Prerequisites
Plugin APl access

Setup Guide H

I ntrOductlon User actions
Figma and Figdam plugins Plugin management
Setting editor type Welcome to the Plugin API!

Plugins are programs or applications created by the community that extend the
BASICS OF PLUGINS ¢ functionality of Figma and Figdam. Plugins run in Figma or Figdam files and perform one
How Plugins Run or more user actions. They allow users to customize their experience or create more

efficient workflows.
Accessing the Document
Editing Properties Like Figma and Figdam, plugins are powered by web technologies. You’ll need an

understanding of these technologies to develop plugins. You'll write plugins in JavaScript
TypeScript and build any Ul using HTML. Explore required knowledge -
Creating a User Interface

Plugins interact with the Figma application via a dedicated Plugin API. They can also
CSS Variables and Theming leverage external Web APls. You can build plugins that run immediately, or build plugins
Accepting Parameters as Input that require user’s to input information via a user interface (Ul). Explore how plugins are

run =
DEVELOPMENT GUIDES => The API reference and this accompanying documentation has the information you need to

build plugins for Figma and Figdam. To ask questions, give feedback, or connect with

other plugin developers: Join our community-driven Discord server =
USING EXTERNAL RESOURCES =

Our setup guide takes you through the process of setting up your environment and

running a sample plugin. Get started with the plugin API -
OTHER =

Plugin APl access

The Plugin API supports both read and write functions, allowing developers to view,
|Figma Developers Plugin APl v  Widget APl v RESTAPI EmbedKit SCIM Q
Figma and Figdam plugins ) )
Setting editor type Versioning
Once Figma approves your plugin, you don't need to submit your plugin for further review.
BASICS OF PLUGINS 4 This means you can publish any updates immediately. You'll be able to added a detailed
_ description of any changes or updates in the plugin's Version history. When you publish ON THIS PAGE
How Plugins Run an update, Figma will update the plugin for every user. Users who have already installed
. . . . ' . Plugin APl access
Accessing the Document your plugin will only have access to the latest version of your plugin. It's not possible for
users to revert to a previous version of the plugin. If you need to roll back any changes, you User actions
Editing Properties . . . .
can republish an earlier version of the plugin. Plugin management
TypeScript
Analytics
Creating a User Interface
CSS Variables and Theming Figma doesn't currently provide any analytics or reporting around plugin usage or
error/crash reporting. We recommend using your own analytics or crash reporting service
Accepting Parameters as Input to monitor your plugins performance. Figma will send Plugin developers a notification
each week about any Community activity. This includes the total number of likes and
installs for that week.
DEVELOPMENT GUIDES =
USING EXTERNAL RESOURCES =
Next
Prerequisites
OTHER =
Was this page helpful? n Community Forum Discord Server GitHub Samples
Flgmd FigJam Enterprise Learn Education Careers Pricing Developers Blog Downloads Releases Security Legal Contact ¥y O [ {]


Join a demo

pagePatterns:
Solutions & Use Cases Page
Hero Section

pagePatterns:
Misc
Header Section

pagePatterns:
Misc
Content Section

pagePatterns:
Misc
Header Section
Misc
Content Section
Solutions & Use Cases Page
Hero Section
Misc

screenKeywords:
Go to playlist Check out the series Start building
Meet other educators through Figma user groups
Try Figma for free
I O At e itk CAanala I
|roduct 1terprise Pricing Community Compan) nglish Login aet started
Figma educator demos

Join the Figma for Education team for introductory and
advanced demos to help you ramp up on all things Figma
Design and Figdam for your classroom. We’'ll walk through
setup, collaboration, workflows, and key features, and our

Designer Advocate for Education will answer your
questions live.

Whether you’re brand new to Figma or want to level up
your skillset, there’s an education demo for you! Figma’s
professional features are free to use within your classes,

and we will show you how to make the most of them.
|H H Get started
More livestreams from Figma -
All of our livestreams are recorded, so you can watch them anytime.
In the file Office hours Build it in Figma
Learn how companies like Credit Karma, Designer advocates, Tom and Rogie, walk In these multi-part series you will get
Blush, Condé Nast, Shopify and many you through a range of topics such as hands on and learn how to build
others are using Figma. plugins, components, vectors, and more. something in Figma, from scratch.
Go to playlist Check out the series Start building
Browse all videos
|Figma is free fo 4
Figma’s tools are easy to learn and beloved by
professionals. High schools, universities and bootcamps .
get free access to both Figma Design and Figdam Lo —
whiteboards. i i
i } L1oc oo
: |
1 1
= onen
1 1
ST
|Get started
Upcoming events
Figma for Education: Animation Basics in Figma
Animating with Figma’s prototyping tools can help bring your interactions, presentations, and
designs to life. In this workshop we will cover how to apply motion and animation when
prototyping with Figma. We will cover concepts like transitions, delays, timing, smart animate,
and interactive components.
Led by Figma'’s Designer Advocate for Education Miguel 'Miggi' Cardona, this monthly demo is
for students, educators, teachers, instructors, teaching assistants and those in the ed-tech
space who want to better understand how to learn and teach in Figma’s collaborative space.
See you there!
Jan 21, 17am GMT+8 Register
More livestreams from Figma
All of our livestreams are recorded, so you can watch them anytime.


Apply to become a Student Leader

screenKeywords:
We are constantly inspired by students who use Figma both inside and outside of the
classroom. We believe creating community while studying is an important part in
growing and learning. Our Student Leaders facilitate a space for students to connect,
grow, and learn.
If you’re interested in becoming a Student Leader and starting a group at your school,
we want to hear from you!
*WE ARE NO LONGER ACCEPTING APPLICATIONS FOR THE 2021/22 ACADEMIC YEAR.
PLEASE REACH OUT TO FRIENDS@FIGMA.COM WITH ANY QUESTIONS.*
Apply
Iﬁ =3 - jﬁ P TN LT Y . SR [T S S [
|vg’ Groups Upcoming Events Become a Community Advocate Become a Student Leader Q  Login
N - ‘
What is Friends of Figma and how can | become a Student
Leader?
Friends of Figma is a set of groups run by Figma enthusiasts who want to spread their excitement about Figma. Leaders are the
heart and soul of our global community — they go above and beyond to give back by passionately running user groups at their
schools.
If you’re interested in starting a Friends of Figma group for your school, we want to hear from you. Please read through the
information below to learn more about what it means to be a Students Leader. Once you’ve read through the details, fill out the
short form below to receive an application.
|What is Friends of Figma and how can | become a Student
Leader?

Friends of Figma is a set of groups run by Figma enthusiasts who want to spread their excitement about Figma. Leaders are the
heart and soul of our global community - they go above and beyond to give back by passionately running user groups at their
schools.

If you’re interested in starting a Friends of Figma group for your school, we want to hear from you. Please read through the
information below to learn more about what it means to be a Students Leader. Once you’ve read through the details, fill out the
short form below to receive an application.

Student Leader FAQs

What is a Student Leader?

Students Leaders are enthusiastic about bringing their peers together to connect and learn from each other, and are part of our
Community Advocate program. You lead a student group for your campus, coordinate in-person and virtual events, and be the
point person for the Figma HQ team.

How often do | need to host an event?

In order to be considered an active group, you’ll commit to hosting at least one event every quarter months). If you’re on the
semester system, 2 events per semester.

What kinds of events can | host?

You’ll help students grow their knowledge about Figma through hosting workshops and events. Some examples of events are:
|In addition, if you violate any of our policies or Code of Conduct we may discuss off-boarding before the one-year mark.
Request an Application:
LJ
Name *
Email Address *
Twitter
LinkedIn
What school or interest area would you like to start a group for? *
I’ve read the FAQs above * (J
T


Changing cover image

screenPatterns:
Empty State
My Account & Profile

screenElements:
Thumbnail
Thumbnail
Button
Avatar
Side Navigation
Editable Text
Banner
Link
Illustration
Tab

screenKeywords:
@ - Community Q Publish Jal J) v
-
|
° Resources Likes
John
@813e7ad8_e734_4
Add a description
1 follower 1 following
Add a location
Add website URL Nothing published yet
See what's being created in Figma
Add Twitter handle
Add Instagram handle
Contact creator support
@ Your profile is visible to the public at
figma.com/@813e7ad8_e734_4
|@ - Community Q Publish Jal IjI v
.ED /
0 Resources Likes
John
@813e7ad8_e734_4
0 followers 0 following
Nothing published yet
See what's being created in Figma
Contact creator support
@ Your profile is visible to the public at
figma.com/@813e7ad8_e734_4


User profile

screenElements: Dialog Avatar Button Tab

screenElements: Button Badge

screenElements: Button Badge Dialog Avatar Button Tab

screenPatterns:
User / Group Profile
Followers & Following

screenKeywords:
@ - Community Q - Jal ’ v
0 Resources Likes
Jane
@jane55  Follows you
0 followers 1 following
Nothing published yet
See what's being created in Figma
|@ - Community Q - jal . v
Followers Following
@jane55
Resources Likes
John
@813e7ad8_e734_4
1 L
1follower O following
Nothing published yet
See what's being created in Figma
Contact creator support
@ Your profile is visible to the public at


Checking items off checklist

appName: Notion

appCategory: Productivity

appTagline: Notes, tasks, AI

companyStage: Growth Stage

platform: android

hotspotType: Tap

allAppCategories: Collaboration Productivity

screenKeywords:
12:00 P41
{ Getting Started on Mobile < 3 e
Getting Started on
Mobile
¥ Welcome to Notion!
Here are the basics:
Tap anywhere and start typing
Tap the + above your keyboard to add
content — headers, sub pages, etc.
[&) Example sub page
[] Highlight text and use the bar above your
keyboard to format
[] Tap and hold this line, then drag
[] Tap the home tab button at the bottom
left to see your pages
@ Have a question? Tap Help & feedback
in the sidebar.
= Q L
|12:00 P41
{ Getting Started on Mobile < 3 e
Getting Started on
Mobile
Welcome to Notion!
Here are the basics:
[] Tap anywhere and start typing
[] Tap the + above your keyboard to add
content — headers, sub pages, etc.
[&) Example sub page
[] Highlight text and use the bar above your
keyboard to format
[] Tap and hold this line, then drag
[] Tap the home tab button at the bottom
left to see your pages
Have a question? Tap Help & feedback
in the sidebar.
= Q a o


Remote design

pagePatterns:
Landing Page
Footer Section

pagePatterns:
Solutions & Use Cases Page
CTA Section

pagePatterns:
Landing Page
Footer Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Solutions & Use Cases Page
CTA Section
Solutions & Use Cases Page
Content Section
Solutions & Use Cases Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|pesign togetner in one tile rFresent your aesign in a Click observe the presenter
Jump into a Figma file together to Click play to instantly present your Figma Click on any avatar to literally “W
brainstorm, iterate, and jam on ideas. file. Easily add live feedback as comments. the presenter’s shoes.
Get even more tips, tricks, and resources from the
Figma community
Check out this list of resources on remote design put
together by the community.
Try Figma for free
|[ ]
Design togeth g
esign together,
even when you are
apart
A collection of best practices, resources, and templates
to help keep your team on the same page—literally.
Featured resources for distributed teams
Here are some of our favorite resources to keep you and your team collaborating
|is going well and what could be improved. across teams, espcially when remote. We've rounded up tips and activities to
Uplevel your prototyping with these tips. keep your (currently) remote tea Get started
Learn more like a unit. etstarte
Start prototyping
Read more
- ’ -
New to Figma? We’ve got guides to help you
get started.
Get the guides
Features built for virtual meetings
Whether you’re video conferencing on Zoom, Google Meet, or another tool, Figma’s
got built-in features to help keep your meetings running smoothly.
|Featured resources for distributed teams
Here are some of our favorite resources to keep you and your team collaborating
at your best.
P e \
lr ] \
n []
<
W - ,
] ]
% Ve 9 T
-
[] []
Webinar: Global design Blog: Research, remotely Template: Remote design
critiques rint
q There's a lot that goes into research, and sp
Hear how Help Scout, Apartment List, and even more when doing it remotely. Here, Looking to revamp your sprint planning
Figma run inclusive critiques with we share some tweaks for making remote process? Try out this template,
teammates across different time zones. user interviews and debriefs a little easier. customized for remote design teams.
Watch Read more Get the file
|Features built for virtual meetings
Whether you’re video conferencing on Zoom, Google Meet, or another tool, Figma’s
got built-in features to help keep your meetings running smoothly.
Design together in one file Present your design in a click Observe the presenter
Jump into a Figma file together to Click play to instantly present your Figma Click on any avatar to literally “walk” in
brainstorm, iterate, and jam on ideas. file. Easily add live feedback as comments. the presenter’s shoes.
e,


Professional

pagePatterns:
Pricing Page
Pricing Section

pagePatterns:
Pricing Page
CTA Section

pagePatterns:
Landing Page
Footer Section
Pricing Page
Pricing Section
Pricing Page
Pricing Page
CTA Section

screenKeywords:
Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|Get started
- - - -
Design without limits on our plan
made for teams
r______________________________________________________________________
-
Starter $0 Professional $12
Best for personal use and getting started For professional design teams per editor / month when billed
annually
® 1 project
® 3 Figma design files ¢ Unlimited projects
* 3 pages per design file ® Unlimited Figma files
® Unlimited pages
® Unlimited version history
® Sharing permissions
® Team libraries
Get Started
® Audio conversations
|FIGMA PROFESSIONAL *
design togethe
With unlimited files, pages, projects, and version history,
the Figma Professional plan gives your team the '
features you need to get everyone on the same page
without any constraints.

Get started
I Libraries

o
|® Sharing permissions J
® Team libraries
® Audio conversations
Get started with Figma Professional today
Try Figma for free


Blog

screenElements:
Button
Grid List
Top Navigation Bar
Grid List
Thumbnail
Floating Action Button

pagePatterns:
Blog Page
Blog Page
Blog Page

screenKeywords:
L= eeE
Chandler Sopko | August 30, 2022 Ted Brown | August 18, 2022 m
What’s new in Figma: August 2022 Collaboration’s next chapter with Microsoft’s
A monthly round-up of the latest features, fixes, and finesse we’ve Jon Friedman
added to Figma and Figdam. . . .
A Q&A with the design and research leader on the heels of Figma’s
integration with Microsoft Teams
Jaelyn Brown | August 12, 2022 Sula Yang | August 2, 2022
My summer as a Figtern Little Big Updates: More improvements for
Recruiting intern Jaelyn Brown on her journey to Figma and finding design and collaboration
her place in the tech world. i
We recently launched 20+ updates across everything from shortcuts
to design features.
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Blog
Careers
|
Our story
[ )
Help Center
a alone:
Figma connects everyone in the design process
so teams can deliver better products, faster.
Get started 0
romm B EXRNREe LA
Layers Desigt
. Headline
lay For you Albums C_ ————— Color
@O o
1
% Slider | . L
Radio ( I 0 -
I
2 AR Y
|Figma | December 13, 2022
- - ’ - -
Figma Persona 2022: What'’s your creative collaboration style?
Wrap up 2022 with some self-reflection and set creative intentions for the year ahead with Figma’s Persona Quiz.
Carly Ayres | December 15, 2022 Alia Fite | December 6, 2022
How Linear made the most of a DDoS How Magician uses Figma’s text review API
A conversation with the small, but mighty web team about why they A conversation with Jordan Singer about using the API for Al-
made their Figma Design files their homepage and unintentionally powered copywriting, and tips for navigating the intersection of
threw the Figma party of the year. product design and Al.
/\ (el e o]
C/
w P
:
/) ‘
|’ Blog Home What's New Commentary Spotlight Inside Figma Archive Q m

&
Y [j a ﬁ;;

Figma | December 13, 2022

Figma Persona 2022: What'’s your creative collaboration style?

Wrap up 2022 with some self-reflection and set creative intentions for the year ahead with Figma’s Persona Quiz.

\{ .

J :
|‘ v \Oj v' J
Chandler Sopko | August 30, 2022 Ted Brown | August 18, 2022 m
What’s new in Figma: August 2022 Collaboration’s next chapter with Microsoft’s
A monthly round-up of the latest features, fixes, and finesse we’ve Jon Fl‘ied man
added to Figma and Figdam. . . .

A Q&A with the design and research leader on the heels of Figma’s

integration with Microsoft Teams
Jaelyn Brown | August 12, 2022 Sula Yang | August 2, 2022
My summer as a Figtern Little Big Updates: More improvements for
Recruiting intern Jaelyn Brown on her journey to Figma and finding design and collaboration
her place in the tech world. .

We recently launched 20+ updates across everything from shortcuts

to design features.

B T o]y e ey B € oM/ Mobile Screens
Icon Library ‘ -


Hiding a section

screenElements: Icon Toolbar

screenPatterns:
Other Action
Add & Create

screenKeywords:
8 O A& O Drafts / Untitled v 0 m &P O — 5%~ +
S i
l."°°—," (n‘
eSS0
.bﬂ.,oof vl
(S5
Section 1 ,
~ /
- -
/
74
vo
Quotes and sentiment > Jamming <3
- How do they feel in this moment?
Drag one of these stickers or
write a quote... John
g\‘::portunity
What are some things that
could improve this moment?
Could this be skipped or solved
elsewhere?
A\ | o ege : -
) — ’ ( ’ i ) . T . -
O ) -
|v Drafts / Untitled ~ 7 — 50% v +
[
<
I."°‘C—"'ﬂ‘
AN 90!
LYY
(S5 N
Section 1 ,
() RS /
- o
User goal or problem /
What is the user trying to
accomplish? What is the
problem to be solved?
User action
What actions are they currently
taking? How are they doing it?
What information are they
seeking?
U I“
Quotes and sentiment > Jamming <3
- How do they feel in this moment?
Drag one of these stickers or
write a quote... John
@::portunity
What are some things that
could improve this moment?
Could this be skipped or solved
elsewhere?
‘ - o ego -l— . [
i — ’ ( ’ . ’ . . -
O g ) -
\ -r'i". A G


Home

screenElements:
Accordion
Stacked List

screenElements:
Accordion
Stacked List
Tab Bar
Card
Avatar
Stacked List
Accordion

screenPatterns: Home Home

screenKeywords:
12:00 41
. Jon is Managing ¢
J jon.mobbin@gmail.com @
v M General +
> * Meeting Notes o+
> & Docs D+
> Team Home P+
> @ Team Tasks : 4+
> W/ Task List D+
Private v N
> Getting Started on Mobile : +
£+ Settings
22 Members
@I Trash
(@ Help
= Qa2
|12:00 41
. Jon is Managing ¢
J jon.mobbin@gmail.com @
Jump back in
Getting Started
on Mobile
Teamspaces v
v M General +
> = Meeting Notes o+
> ¢ Docs : o+
> Team Home : 4+
> @ Team Tasks : 4+
> W/ Task List D+
Private v N
> Getting Started on Mobile : +
= Qa0


Page history

screenElements:
Stacked List
Icon
Divider

screenPatterns:
Settings & Preferences
Edit

screenPatterns:
Timeline & History
Date & Time

screenElements:
Stacked List
Icon
Divider
Divider

screenPatterns:
Settings & Preferences
Edit
Timeline & History
Date & Time

screenKeywords:
12:00 P41
Actions Done
STYLE
Ag Ag Ag
Default Serif Mono
< Undo
< Redo
~ Move to
== Customize page
8 Lock page
% Add to Favorites
& Copy link
L\ Page updates
<0 Page history
O Show deleted pages
|12:00 P41
History Done
Last Tuesday at 5:01 PM
Jon Mobbin
Last Tuesday at 4:54 PM
Jon Mobbin
Last Tuesday at 4:51 PM
Jon Mobbin
Last Tuesday at 4:47 PM
Jon Mobbin
Last Tuesday at 4:42 PM
Jon Mobbin
Last Tuesday at 4:38 PM
Jon Mobbin
Last Tuesday at 4:35 PM
Jon Mobbin
Last Monday at 6:23 PM
Jon Mobbin


Help center

screenElements:
Icon
Divider
Dropdown Menu

screenElements:
Card
Icon
Bottom Sheet

screenPatterns:
Help & Support
Browser

screenElements:
Icon
Divider
Dropdown Menu
Card
Icon
Bottom Sheet

screenPatterns:
Action Option
Help & Support
Help & Support
Browser

screenKeywords:
12:00 o4l
. Jon is Managing ¢
J jon_nnnhhinm"m,,” A @
v # G Members 29
- Settings &
Trash @
> @
Help @
>
> @ Team Tasks D+
> W/ Task List D+
Private v n
> Getting Started on Mobile P+
£+ Settings
22 Members
@I Trash
@ Help
|12:00 P4l
M .onis Manaaina ¢ ~
Help & feedback

(N Help Center

# Tweet @NotionHQ
(D Send us amessage
&= status

*; What's new?

&3 Joinus

[E) Terms & privacy
|12:00 P41
(O @ notion.so/help + @ :
@ Notion —
[ ]
Help, tutorials &
[ ]
documentation
Learn how to scale workflows, connect
your tools and become a Notion expert —
all in one place.
Reference
% Learn & get help
Guides
U Start building
. API
( } Create integrations


Checklist

screenPatterns:
Note Detail
Action Option

screenElements:
Top Navigation Bar
Tab Bar
Card
Avatar
Stacked List
Accordion

screenPatterns:
Note Detail
Note Detail
Action Option
Home

screenKeywords:
12:00 P41
{ Getting Started on Mobile < 3 e
Getting Started on
Mobile
Welcome to Notion!
Here are the basics:
[] Tap anywhere and start typing
[] Tap the + above your keyboard to add
content — headers, sub pages, etc.
[&) Example sub page
[] Highlight text and use the bar above your
keyboard to format
[] Tap and hold this line, then drag
[] Tap the home tab button at the bottom
left to see your pages
Have a question? Tap Help & feedback
in the sidebar.
= Q a o
|12:00 P41
{ Getting Started on Mobile < 3 e
Add icon Add cover Add comment
Getting Started on
Mobile
¥ Welcome to Notion!
Here are the basics:
[] Tap anywhere and start typing
[] Tap the + above your keyboard to add
content — headers, sub pages, etc.
[&) Example sub page
[] Highlight text and use the bar above your
keyboard to format
[] Tap and hold this line, then drag
[] Tap the home tab button at the bottom
left to see your pages
& Have a question? Tap Help & feedback
in the sidebar.
= Q Q
|12:00 41
. Jon is Managing ¢
J jon.mobbin@gmail.com @
Jump back in
Getting Started
on Mobile
Teamspaces v
v M General +
> = Meeting Notes o+
> ¢ Docs : o+
> Team Home : 4+
> @ Team Tasks : 4+
> W/ Task List D+
Private v N
> Getting Started on Mobile : +
= Qa0


Design systems

screenElements:
Dropdown Menu
Thumbnail

pagePatterns:
Features Page
CTA Section

screenElements:
Button
Dropdown Menu
Thumbnail

pagePatterns:
Features Page
Features Page
Features Page
CTA Section
Landing Page

screenKeywords:
. ....... T
“With design increasing in importance
at Rakuten, Figma gives us the tools
to create an expansive design system
and distribute It to our desigh teams
all around the world.”
|Get started
Lil Bud Plants
Where all your design assets call = - 0 % T O
home Assets* Cart Flow
| desi ist ith ful desi % S s
ncrease design consistency with a powerful design P
system that’s accessible to your entire company. v Local components
® Searchable assets: A quick search surfaces the
assets you seek. Drag and drop into your file.
® X
® Shareable styles Create styles that anyone can use
and apply to any object.
® Everything in one place: Publish libraries filled
with all your shareable assets—icons, backgrounds,
images, avatars, fonts, and more. +
|DESIGN SYSTEMS FEATURES -
A syst eryone - Deglata
ontribute to (signin )
Power up your design systems with Figma. Build [:5);‘[:[:\;“?“?3
libraries that are always up-to-date, aligned with code,
and easy to evolve as you grow.
Search
' S’’S’’S’"EHHHHHRL
|Design Design process Prototyping
Learn more Learn more Learn more
Try Figma for free
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Figma Figdam
An all-in-one design platform An online whiteboard for teams
8 k = N n
o o _ eatis
- [ 1 [ N
PN A 1] D/ =
DNe.
Design Online whiteboarding
Prototyping Design processes
Design systems Team meetings deSIgn process
ducts, faster.
Downloads g
t start
Get started 0
(N Y snare | =t On T D Design e a
Layers Desigt
. Headline
lay For you Albums :, ———— Color.
@O o
I
% Slider | . L
Radio I 0 -
I
2 AR Y


Adding a code block

screenElements: Card Thumbnail

screenElements:
Stacked List
Divider

screenElements:
Card
Thumbnail
Text Field
Text Field
Stacked List
Divider
Text Field

screenPatterns:
Select
Add & Create
Note Detail
Add & Create
Edit
Note Detail
Select
Edit

screenKeywords:
12:00 P41
{ £ Team Home < 3 e
v+ What's New

» Team Mission

&& Team Objectives

Resources

HTML

+ 0 @ @ O B W <@
< ) ©IF Ei o Y
1 2 3 4 5 6 7 -8 9 0
qw e r t y u 1 o p
a s d f g h j k |
& z x ¢c v b n m &
|12:00 V4l
Language Done
Html|
HTML
> Html HTML JTMlol &
1 2 3 4 5 6 7 . 8 9 0
qgw e r t y u i o p
a s d f g h j k |
& z x ¢c v b n m &
|12:00 V4l
{ £ Team Home < 3 e
Team
v+ What's New
» Team Mission
&& Team Objectives
Resources
+ 9 @ @ O B W ¢
Media
ﬁ Image b{ff; Web bookmark
g Video L) Audio
s, Code @  File
Embeds
@ Embed o Google Drive
- _ . Y e N
|12:00 P41

{ £ Team Home < 3 e
v+ What's New

» Team Mission

&& Team Objectives

Resources

JavaScript

|

+ 0 @ @ O B W <@
< ) ©IF Ei o Y
1 2 3 4 5 6 7 .8 9 0
qw e r t y u 1 o p
a s d f g h j k |
& z x ¢c v b n m &
|12:00 V4l

{ £ Team Home < 3 e

Team

v+ What's New

» Team Mission

&& Team Objectives

Resources
+ 0 @ @ ) BIU W

Aa  Text A Page

To-do list H1  Heading 1

H2 Heading 2 H3 Heading 3

Table i Bulleted list
1. Numbered list > Toggle list
|12:00 V4l
{ £ Team Home < 3 e
v+ What's New

» Team Mission

&& Team Objectives

Resources

HTML

<b>code</b>|
+ 9 @ @ O e @ <@
> I is the $
£ ¢ € ¥ ~ ° = { } \
7123 % © ® ™ [ ] {x]
ABC < ;ﬁ >
|12:00 P41

{ £ Team Home < 3 e

Team

v+ What's New

» Team Mission

&& Team Objectives

Resources

= Q L
|12:00 P41
Language Done
LaTeX
Less
Lisp
LiveScript
LLVM IR
Lua
Makefile
Markdown
Markup
MATLAB
Mathematica
Mermaid
Nix
Objective-C
|12:00 P41
{ £ Team Home < 3 e
v+ What's New
» Team Mission
&& Team Objectives
Resources
HTML
= Q L


Privacy policy

appName: Gojek

appCategory: Travel & Transportation

appTagline: One app for every need

screenElements:
Switch
Stacked List

screenPatterns:
Browser
Privacy Policy

screenPatterns:
My Account & Profile
Browser
Privacy Policy

screenKeywords:
12:00 o4
< My Profile
e Help & My Tickets >
@ Change Language >
A saved addresses >
&, Invite friends >
(’rﬁ Quick login
A Notifications >
O Account Satety D >
@ Manage accounts >
General
© Privacy Policy >
G Terms of Service >
3_: Data attribution >
W Rate Gojek app Va5 >

S ——
|12:00 V41
< PRIVACY POLICY
GOJEK
Privacy Notice
Indonesia (English) Select Country 5

PRIVACY NOTICE
as of 29 August 2022

INTRODUCTION
This Privacy Notice describes how we, PT GoTo Gojek
Tokopedia Tbk and/or its affiliates (“Gojek”), collect, store,
use, process, retain, transfer, disclose and protect your
Personal Information. This Privacy Notice applies to all
Users of our mobile applications (including the User
application, merchant application and the driver partner
application), websites, services and products (together,
the “Applications”), unless covered by a separate privacy
notice.
This Privacy Notice is provided in a layered format so
you can click through to the specific areas set out
below. Please read this Privacy Notice thoroughly to
ensure that you understand our data protection
practices. We want to make this easier to understand,
so we wrote a summary that highlights all the
important points. Unless otherwise defined, all
capitalised terms used in this Privacy Notice shall have
the same meaning ascribed to them in the applicable
Terms of Use between you and Gojek.
Acknowledgment and Consent
By accepting the Privacy Notice, you acknowledge that


Embedding a video

screenElements:
Card
Thumbnail
Loading Indicator
Text Field
Animation & Video
Text Field

screenPatterns:
Add & Create
Loading
Add & Create
Note Detail
Add & Create
Add & Create
Note Detail

screenKeywords:
12:00 V4l
{ £ Team Home < 3 e
Team
v+ What's New
» Team Mission
&& Team Objectives
Resources
+ 9 @ @ O B W ¢
Media
ﬁ Image b{ff; Web bookmark
g Video L) Audio
s, Code @  File
Embeds
@ Embed o Google Drive
- _ . Y e N
|12:00 P41

{ £ Team Home < 3 e

leam

v+ What's New

» Team Mission

&& Team Objectives

Resources

= Q Al
|12:00 41l
Embed Close
Embed link  Upload
Paste the video link...
Embed video
Works with YouTube, Vimeo, and more
|12:00 V4l
{ £ Team Home < B e
leam
v+ What's New
» Team Mission
&& Team Objectives
Resources
| [:] ooe
RM The World.s Mostimporta... v
| RaillMinacle~| 4
| i o ” </~:g‘-..‘.~ h '
| =l 3
g ‘ B —— ;
g 0w Ol | AR g TR
o R = e
s BRI - W T
ik | 'L"%g’w'w\ﬁ>“i_F =
= Q Q
|12:00 V4l
Embed Close
Embed link  Upload
https://youtu.be/SvgldXKcRus
Embed video
Works with YouTube, Vimeo, and more
> https;//y..KcRus | https://y..xkerus $
1 2 3 4 5 6 7 . 8 9 0
q w e€ r t y u I o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 V4l

{ £ Team Home < 3 e

Team

v+ What's New

» Team Mission

&& Team Objectives

Resources
+ 0 @ @ ) BIU W

Aa  Text A Page

To-do list H1  Heading 1

H2 Heading 2 H3 Heading 3

Table i Bulleted list
1. Numbered list > Toggle list
|12:00 P41

{ £ Team Home < 3 e

Team

v+ What's New

» Team Mission

&& Team Objectives

Resources

= Q L


Searching Blog

screenElements:
Search Bar
Stacked List
Thumbnail

screenElements:
Search Bar
Search Bar
Stacked List
Thumbnail
Top Navigation Bar
Grid List
Thumbnail
Floating Action Button

screenPatterns: Search Search

screenKeywords:
’ Search Blog X m
&
& {i a j\:{g
Figma | December 13, 2022
Figma Persona 2022: What'’s your creative collaboration style?
Wrap up 2022 with some self-reflection and set creative intentions for the year ahead with Figma’s Persona Quiz.
(1]
\J
m- ’
|O Blog Home What's New Commentary Spotlight Inside Figma Archive Q m
@ —_—
Components in Figma
Rasmus Andersson
December 8, 2016
| ‘
| |

_—

4 ‘ 1N
)
Todav we are excited to releacse Combonente in Fioma Rv brinoino concents
|Components in Figma
Rasmus Andersson | December 8, 2016
- | (») "® Figma on Figma: How we built our website design system
. i & o ‘ II Andrea Helmbolt | January 28, 2020
Inside Figma: tips from the team that builds Figma
Alia Fite | March 3, 2021
Figma now has Guides .
Shirley Miao | June 26, 2017 \
Explore the Figma Community
Heather Tompkins | August 10, 2020
Introducing: Figma to React
Figma | Decen SRS Kar Jiang | April 26, 2018
Figme yle?
Wrap up 202 Multiplayer Editing in Figma
Evan Wallace | September 28, 2016
\J Plugins are coming to Figma
Jonas Sicking | June 11, 2019
P  Fioma for students and educators
|’ Blog Home What's New Commentary Spotlight Inside Figma Archive Q m

&
Y [j a ﬁ;;

Figma | December 13, 2022

Figma Persona 2022: What'’s your creative collaboration style?

Wrap up 2022 with some self-reflection and set creative intentions for the year ahead with Figma’s Persona Quiz.

\{ .

J :


Creating a new private page

screenElements:
Tab Bar
Avatar
Button
Icon
Tab

screenElements: Icon Toolbar

screenPatterns:
Add & Create
Note Detail

screenElements:
Tab Bar
Avatar
Button
Icon
Tab
Icon
Toolbar

screenPatterns:
Notifications
Add & Create
Note Detail

screenKeywords:
12:00 V4l
Private affairs < B e
Private affairs
Tap here to continue...

= Q L
|12:00 v41
Private affairs < B e
Private affairs
Save the children

= Q Q
|12:00 P41
g0} Updates
Inbox Following All Archived
@ John Mobbin mentioned you in £ Team X
Home
Just now - General
Jon Mobbin check out brainstorm
@ John Mobbin invited you to Johnny is X
Strategising
4 minutes ago
& Archive all
= Q Q
|12:00 P41

Add to @ Private pages - Cancel
Tap here to continue...
% Choose a template...
< ) ©IF Ei o Y
QWEWRTYUI OFP
A S DF GH J K L

€ Z X C VB NM &
2123 ®) .


Reordering items on page

hotspotType: Tap & Hold

screenElements:
Stacked List
Divider
Icon

hotspotType: Drag

screenPatterns:
Reorder
Reorder
Note Detail

screenKeywords:
12:00 \ N |
{ £ Team Home < 3 e
=] Change cover
H
Team Home
Add comment
Team
v+ What's New
&& Team Objectives
» Team Mission
Resources
= Q A
|12:00 v41
{ £ Team Home < 3 e
=] Change cover
H
Team Home
Add comment
Team
v+ What's New
» Team Mission
&& Team Objectives
Resources
= Q Q
|12:00 v41
{ £ Team Home < 3 e
=] Change cover
H
Team Home
Add comment
Team
v+ What's New
» Team Mission
&& Team Objectives
Resources
= Q Q


Adding an icon

screenElements:
Icon
Search Bar
Tab

screenElements: Icon Tab

screenElements:
Dropdown Menu
Color Picker

screenElements:
Icon
Icon
Search Bar
Tab
Dropdown Menu
Color Picker
Icon
Icon
Tab

screenPatterns:
Note Detail
Select
Select
Note Detail
Action Option
Select

screenKeywords:
12:00 P41
{ ./ Getting Started on Mobile < &) «e-

Add cover Add comment

-Z

Getting Started on

Mobile

¥ Welcome to Notion!

Here are the basics:

[] Tap anywhere and start typing

[] Tap the + above your keyboard to add
content — headers, sub pages, etc.

[&) Example sub page

[] Highlight text and use the bar above your
keyboard to format

[] Tap and hold this line, then drag

[] Tap the home tab button at the bottom
left to see your pages

@& Have a question? Tap Help & feedback

in the sidebar.

= Q 0
|12:00 V4l
Remove Page icon Close
Emalls foons Custom
Q_ < W
ceopL
S0 oo
OO0 &E0 0
0060600 GQ
PSR 6 9D
OO0 >0 6
QOO O00686
O a0 0
OB YED
TR0 B®
P02 00©0 0
P00 DPDSS0O
@8/ 2000V
¥ -8B -
--H;.—L;M;HMMM
|12:00 \ N |
Remove Page icon Close
Q o x O
L P ERIam =B
Q@4 » = 2 4
kW O M8 &
" A E Yy I—8
@ & 0Oit @O
O wtt® P § 4
o 7 0V 4% Y 3
® L€ >3O P> EO
TNOMNS ¢V o
# ool 8 L4433
e /’O0T ®TB AL
§ I OO OO
Lt e oE=aa B
O T 7>l § &
|12:00 4l
Remove Page icon Close
Emolls lcons _ Custom
Q o x O
L EIam =
Q @4~ =E 2 4 N
kW% O > T a &
" AWMy IiI—a
@ 0 it @O
Switi%k @ { § 4
® 7 0 ¥V A K T 3
® %€ >0 PE
CNOMNMS 6V ol
ool 8 M4SN
ISV VRS VRN VR }'\ ==] .
R KA~ 2 - ¢
§ | OO OO
t e imEal; B
ONTT 7l § &
|12:00 P41
{ Getting Started on Mobile < 3 e
Add icon Add cover Add comment
Getting Started on
Mobile
¥ Welcome to Notion!
Here are the basics:
[] Tap anywhere and start typing
[] Tap the + above your keyboard to add
content — headers, sub pages, etc.
[&) Example sub page
[] Highlight text and use the bar above your
keyboard to format
[] Tap and hold this line, then drag
[] Tap the home tab button at the bottom
left to see your pages
& Have a question? Tap Help & feedback
in the sidebar.
= Q Q
|12:00 P41
{ -1 Getting Started on Mobile < 3 .-
Add cover Add comment
S ? U4

-4

Getting Started on

Mobile

¥ Welcome to Notion!

Here are the basics:

[] Tap anywhere and start typing

[] Tap the + above your keyboard to add
content — headers, sub pages, etc.

[&) Example sub page

[] Highlight text and use the bar above your
keyboard to format

[] Tap and hold this line, then drag

[] Tap the home tab button at the bottom
left to see your pages

@& Have a question? Tap Help & feedback

in the sidebar.

1= Q Q
|12:00 \ N |
Remove Page icon Close
Emojis Icons  Custom
Q o x O
OQOEmoO4+20IF 0
AWK EPYEO®O
O W k=g & @
« & @ @ J & o
waoo2 § i A
N 2 al Q&
s @l v
VB EO L O &
=R ®w=HM
[ 8 @@ A ™S
e E 0000 n
Vol W=N""1 -2
@ =@ 4 J ¢
PUSEN N e a w £ A


Changing site language

screenKeywords:
A\ Y
—ATIEICWVLWHDIE
—
= \\#fxb\
7GC e ‘o
FigmaTld, F—apnLh LVEEAELHBER
HTEZLHIC, @ELTY A 7O RICTEN
TE3LHICLEY,
a
Figma% R THERT 2 q
- ro e EVEEEENE 6 6
b= FHA
@
a BT _—— —
| o
=33k B AT X— :@O , g
|YT UYAEFICAERETRRL ETH?
A YV ¢ - w - D‘;
== “#7_\ L\
IGC o ‘Lo
FigmaTld, F—LapnLh LVEEELHDER
HTEDZLHIC, @ELTY A 7o RICTEN
TE3LHICLET,
g
Figma% R THERT 2 3
= ? o EXD =g O % T D FHAY 0 G
b = FHA
.EH:IL
a BET® e :______. B
. &
o o AT K— :@0 , B
|- AV IN A
FigmaZ% 4 TRER
G Google AT
FrelE
Phor &R
IV TIWGA VA EER
TFhOY Nz TImM? AI1Y>
[ZHhoY NEERIZIY v LT, Figma®t—EZFHEHE
WETSANY—RYY—ICABLET,
|® L] & L] R Q
O a2=54 /\O);pjj_]l]
DI —YF—Hh5FALN. BODEREZEHBLAED., V—ILty ML
RTEES, THAMF—, 753504 x—R— VY —Fv— 47
Abb—F— AVTFUYIAR—REDHARFOTEITERITIL—TH
SMLTVET,
AIa=TA4BMEBEICEDZIIa=T(EAITOETITHD7 7ML
S . \) { = é v e
potify 2 & 3D Illustration >
Ways of Working = pack
in Figma ‘ Over 300 3D Wostrations FRSE1 B 'S - » 7
P P o e e e
© srotify Design | T ' '1 X -II% & it © s e o
RO . il
@ Spotify + 41.2K ﬂ Alzea + 200K @ Material Design + 204K
|’ Products v Enterprise v Pricing Community v Company v @ English v Login
Francais
Deutsch
| |
Nothing great is| -
a alone.
Figma connects everyone in the design process
so teams can deliver better products, faster.
:
romm B EXRNREe LA
Layers Desigr
. Headline
lay For you Albums C ———— Color.
| -
«» Slider | @ @ W
Radio ( I : .
2 AR Y
|I
M ) o ;
® 412727 PO
FLAYRb Make It Together
et @) © $
o ASAK— F—F
« BEAU p V
FEF—va i ‘ o YA
T2 % & i }ﬁ [
Re v o X /
' e /
ER%E Y — T 2 0EAFigma ToIREM % I5 IS RIE % 1R ol y x B @
LTVwEd, ZO—BICHbH EBAHN? ‘“t¥’" @
FA S R 4 Ea i 4
TLAURR
S
WOl ELEH e
|Figma 2—24—2 B yy—2 B
¥ Twitter (V] a7t % FHA R A= Sketch
O YouTube UXTH A1 > 7o b rA TR HR— b Adobe XD
Instagram IS5 4w s FHA FHA L 2T AHEE B Invision Studio
E] Facebook DAY —7L—LER aS5KRL—3 3 HERE Xyro—R Framer
BIRIERK FHA L Tot R RETER Windows TDF# 1 >
TLAYR =327 FigJam Yy —RIEHR Miro
Fr7L—t & RE RAEHR
YE— FTHA LT Ty SHBE
REJE B xR RIEBEA— pF—
HEHEME I Figma FoZzviari TSA N —
BB RAF—RZ
tF¥al7a—
#e
BEVvEbt
|‘e
m !
X
—{BICT AT T %K
5
BARF—LTERADZA AR TA
b R— RFiglamTlE. HEXRE. 7 Q!
— 0> ay T TH—ToRBITLA R B
- 5 \/ﬁi){ﬂ-ﬁg—@?o
FigdamD ¥4l >


Adding members

screenElements:
Icon
Divider
Dropdown Menu

screenElements: Switch Button

screenElements:
Switch
Button
Icon
Divider
Dropdown Menu

screenPatterns:
Invite Teammates
Invite Teammates
Invite Teammates
Action Option

screenKeywords:
12:00 P4l
Members Done
Add members
Invite link ()
Share this secret link to invite people to this
workspace. Only users who can invite members
can see this.
https://www.notion.so/invite/ab5b620c1e25243a82a0e
Share link
@ ‘Jon Mopb'” ] Workspace owner
jon.mobbin@gmail.com
John Mobbin
) ) ) Workspace owner
john.mobbin1@gmail.com
|12:00 V4l
Cancel Add members Invite
john.mobbin1@gmail.com
PERMISSION LEVEL
Workspace owner >
SELECT A PERSON
@ John Mobbin

Learn how to invite people and set permissions
< Bl o ® N \'1\
1 2 3 4 5 6 7 . 8 9 0
q w ¢e T 1 y u | o p
a s d f g h j k |
& z x ¢c v b n m &
v
|12:00 P41
Cancel Add members Invite
PERMISSION LEVEL
Workspace owner >
SELECT A PERSON
Type or paste in emails above, separated by com...

Learn how to invite people and set permissions
< |E| ¢ @ [_q eoe \q{
1 2 3 4 5 6 7 8 9 0
q w ¢e T 1 y u | o p
a s d f g h j k |
-
VaN — 7 P e e A " [, Vaun )
|12:00 P4l
Members Done
Add members
Invite link ()
Share this secret link to invite people to this
workspace. Only users who can invite members
can see this.
https://www.notion.so/invite/ab5b620c1e25243a82a0e
Share link
@ ‘Jon Mopb'” ] Workspace owner
jon.mobbin@gmail.com
|12:00 o4l
. Jon is Managing ¢
J jon_nnnhhinm"m,,” A @
v # G Members 29
- Settings &
Trash @
> @
Help @
>
> @ Team Tasks D+
> W/ Task List D+
Private v n
> Getting Started on Mobile P+
£+ Settings
22 Members
@I Trash
@ Help
|12:00 V4l
Updating...
S —


UI design

pagePatterns:
Landing Page
Footer Section
Features Page
Features Page
Feature Section
Features Page
Feature Section
Features Page
Features Page

screenKeywords:
Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Ul DESIGN TOOL "’
(2
(T T T T T T T T T T TN
'he modern | |
[ |
[ |
[ [ ] [ |
interface design | |
| [ ] |
| < |
00 | |
[ |
[ |
Figma is a free, online Ul tool to create, collaborate, | I
prototype, and handoff. :
[ |
[ |
\ )
Try Figma Free —-—————————————
|Get started
Collaborative by design
Easily share the current state of designs for critiques, collaboration, feedback,
or buy-in.

.w‘. .

[ ] L] 4 Y
Always the latest version Multiplayer editing Contextual feedback
Be confident everyone is always looking at Allow multiple people to view and edit the Leave and receive feedback directly on
the most up-to-date design. file at the same time or asynchronously. designs and prototypes via comments.
|Easily share the current state of designs for critiques, collaboration, feedback,
. Get started
or buy-in.

.w‘. .

[ ] [ ] j Y
Always the latest version Multiplayer editing Contextual feedback
Be confident everyone is always looking at Allow multiple people to view and edit the Leave and receive feedback directly on
the most up-to-date design. file at the same time or asynchronously. designs and prototypes via comments.

Try Figma for Free
|Get started
All the benefits of the cloud
Figma lives in the browser and works on Windows,
Chrome, Mac, and Linux.
All of your work is autosaved which you can access with
Figma’s version history.
It’s lightweight, fast and doesn’t need to be installed to
use or share files.
|“
Empowering innovative brands
5k L 4 zoom B} @ O coinbase @
¥ 0 w =


Status

pageType: Marketing Marketing Marketing

screenKeywords:
Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|Dec 12, 2022

Dec 11, 2022

Dec 10, 2022

Service Disruption

Resolved - This incident has been resolved.

Update - Figma has continued to be operational for some time now. We are still actively investigating and monitoring
for any further issues.

Update - We're continuing to actively monitor our servers for any issues. The impact for a majority of users should be
minimal at this point.

Update - We are continuing to monitor for any further issues.

Monitoring - We are continuing to monitor, but Figma should be loading as normal now

Investigating - We are currently investigating an issue where Figma may be slow to load

Dec 9, 2022

Dec 8, 2022
|o
Figma
All Systems Operational
Real-time collaboration server @ Operational
APIs & Web Application Operational
AWS Infrastructure @ Operational
System Metrics Day | Week | Month
Uptime 100%
N 1 s
50
- r T 1T 1+~ 1 ‘1T ‘1~ 1/ 0
12:00 15:00 18:00 21:00 19. Dec 03:00 06:00 09:00
Past Incidents
Nanr 10 2°N99


Developers

hotspotType: Hover

screenElements:
Top Navigation Bar
Illustration

screenElements: Thumbnail Button

screenElements:
Dropdown Menu
Top Navigation Bar
Illustration
Thumbnail
Button
Link

pagePatterns:
Landing Page
Footer Section
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
Header Section
API Docs & Developers Page
API Docs & Developers Page
Footer Section

screenKeywords:
Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|Figma Developers Plugin APl v Widget API v RESTAPI EmbedKit SCIM MyApps Login
000
Bring Figma to you
Leverage the power of our REST API to bring Figma into
your external tools and products. Use our Embed kit to
share or embed real-time Figma designs and prototypes -
to whoever, whenever you need to.
Start building .
|II 1
1

1

1

1

1

:

1 1

1

1

CEE '

1

1

| 1

| 1

If you can :
] \S 1

dream it, you - o
, 1

P J | N —
can build 1t ¥
1
‘ background: #000000; [l
Our developer platform puts the power in your hands to 1 e

create the tools teams need to improve efficiency, expand ‘
functionality, and bring ideas to life. Take a look at our /o~
APIs, documentation, guides, and references to get el ( </
started. Height: 800px 1
Top: 95px N/ 1

Left: 450px :

1

1 F 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 1

1 ‘
|“Figma’s API has helped bring
ideas we have dreamt about for
ages to life.”
|Figma Developers Plugin APl v WidgetAPI v RESTAPI Embed Kit SCIM MyApps Login
Share your builds with millions
|| |
[ X X J
! 3 - n /
e || [
[] []

Show us what you got Partner with Figma Be a team player
Publish and share what you build with the Give your work more exposure when you Create private plugins and widgets to
millions of users in our Figma community. feature your integration in our collection. keep internal information and data safe.
View Figma community View integrations Start building
|1 1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1
1
[oo0 | '
1
1
If | 1
n '
yoOu Ca ;
] \ 1
dream it, you -4 o
, 1
e P / f g
can build it *
1
‘ background: #000000; [l
Our developer platform puts the power in your hands to 1 e
create the tools teams need to improve efficiency, expand ‘
functionality, and bring ideas to life. Take a look at our /o~
1 H roperties . 1
APls, documentation, guides, and references to get \ll’vid't,h:tSOOpx ( (S .
started. Height: 800px 0
Top: 95px N/ 1
Left: 450px :
1
1 F 1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1 ‘
|Figma Developers Plugin APl v WidgetAPI v RESTAPI Embed Kit SCIM MyApps Login
[ N ]
° Andy's turn
[ | [ |
n 0000000
. . Cat
. o = “¥ OMG are you gonna win?!
Plugin APIs Widget APIs
Automate tasks, add new functionality, and improve your workflow Encourage team collaboration and run meetings more efficiently in
with plugins for everything from documentation to communication. FigJam with interactive games, polls, trackers, and more.
View plugin docs View widget docs
|Figma Developers Plugin APl v Widget API v RESTAPI EmbedKit SCIM MyApps Login
millions of users in our Figma community. eature your integration in our collection. eep Internal information and data safe.
View Figma community View integrations Start building
Join the club
Learn from others, share your work, and extend your tool set with a diverse group of
developers from around the world.
3% Browse plugin samples on GitHub 3% Share Plugin API feedback
% Browse widget samples on GitHub % Share REST API feedback
% View video tutorials on YouTube % Share Widget API feedback
% Join the conversation on Discord ¥ See what users are requesting
Figmd FigJam Enterprise Learn Education Careers Pricing Developers Blog Downloads Releases Security Legal Contact L 4 ° n


Education program

screenElements: Illustration Button

screenElements: Thumbnail Link

pagePatterns:
Solutions & Use Cases Page
FAQ Section

screenElements:
Dropdown Menu
Illustration
Button
Thumbnail
Link

pagePatterns:
Landing Page
Solutions & Use Cases Page
Content Section
Solutions & Use Cases Page
Feature Section
Solutions & Use Cases Page
FAQ Section
Solutions & Use Cases Page
Content Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Hero Section
Solutions & Use Cases Page
Feature Section

screenKeywords:
’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Files and templates Plugins and widgets Events and
Free expertly crafted files you can Extend what’s possible and livestreams
duplicate, remix, and use automate work
N Best practices
Education program
User groups
|
Figma connects everyone in the design process
so teams can deliver better products, faster.
t start
O
romm . HYEEEEE: G
Layers Desigt
. Headline
lay For you Albums Cp ———— Color.
DO o
I
% Slider | . L
Radio I Q ¢
|
2 AR Y
|How others are using Figma in their
classrooms
Innovative educators are facilitating better learning outcomes for students by using
Figma and Figdam to teach design, collaborate in teams, and build community in
the classroom.
[] [ ]
> %
[ ]
How Fashion Institute of Design the Future’s students Figma and Chromebook:
Technology educators use Figdam to build inclusive Empowering the next
collaborate with students designs generation of designers
UX Design Professors Christie Shin and Design the Future is a global virtual We sat down with Figma co-founder and
CJ Yeh at FIT share how they approach bootcamp connecting high school CEO Dylan Field to discuss why he thinks
|Get started
Figma is more than a design platform. It’s a
virtual classroom space.
AV
s V) Y
—~ .‘ ‘
N _, 4 A
> iz
Jenny.
[] [] I
, % du
> 4 N

Figdam whiteboard Figma design
Figdam is an online whiteboard space for meetings, activities, Figma is a design tool for UX design, graphic design, and digital
and brainstorms. Perfect for classroom discussions, critiques, illustration. Perfect for making presentations and prototyping
and presentations. software.
|Education plan FAQs
> Who qualifies for the Education plan?
> What is the Education plan?
> How long does my verification last?
> Howdo I get verified?
> How can | get more information?
|the classroom.
[] [ ]
- %

[ [ ]
How Fashion Institute of Design the Future’s students Figma and Chromebook:
Technology educators use Figdam to build inclusive Empowering the next
collaborate with students designs generation of designers
UX Design Professors Christie Shin and Design the Future is a global virtual We sat down with Figma co-founder and
CJ Yeh at FIT share how they approach bootcamp connecting high school CEO Dylan Field to discuss why he thinks
guided collaboration with Figma to students, UX professionals, and design education is more important
prepare students for real-world individuals with disabilities to create than ever.
environments. accessible designs.

Learn more

Read the post Read more
|Create your Figma account using your Verify your education status at Create a team with an Education gissaebs
email address. An email domain from your figma.com/education/apply. get all of the perks of our Profess{iicli 1 Clg Ll
institution is preferred but not required. plan for free.
Sign up here
Bring Figma to your
Chromebooks
US high school students and educators using
Chromebooks can receive Figma’s Organization Plan—
for free.
h
With the Education plan, you can design
and collaborate with others, without limits
|Figma is free fo 4
Figma’s tools are easy to learn and beloved by
professionals. High schools, universities and bootcamps .
get free access to both Figma Design and Figdam Lo —
whiteboards. i i
i } L1oc oo
: |
1 1
= onen
1 1
ST
|Get started
- ’ - -
Get Figma’s Education Plan in three steps
Get verified to use our Education plan and access all the perks of our paid Pro
teams for free.
i
1
1
1
1
& -
:-___..______——-: (© Recent CSS Basics
1 = 1 [ orafts
: : VQH N y
1 1 /
1 1 be N
: : e 4
] 1 >
: I Class Syllabus
1 ntro to Typography
! Product Design
1 gl
1
1 CSS Basics
1. Sign up for Figma 2. Get verified for education 3. Set up your team
Create your Figma account using your Verify your education status at Create a team with an Education plan to
email address. An email domain from your figma.com/education/apply. get all of the perks of our Professional
institution is preferred but not required. plan for free.
Sign up here


Agencies

pagePatterns:
Solutions & Use Cases Page
Hero Section

screenElements:
Animation & Video
Button

screenElements: Card Button Link

screenElements:
Animation & Video
Button
Card
Button
Link

pagePatterns:
Solutions & Use Cases Page
Hero Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Social Proof (Logo Cloud) Section
Landing Page
Footer Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Solutions & Use Cases Page
CTA Section
Solutions & Use Cases Page
Pricing Section
Solutions & Use Cases Page
Content Section

screenKeywords:
’ Products v Enterprise v Pricing Community v Company v @ English v Login
FIGMA FOR AGENCIES
L\t} entire creative
: P
Y and Style 049
r Y Y Y \ B.n . . .. Do better work more efficiently by bringing your agency
L . together in Figma’s all-in-one design platform.
]
N
GGGGGLLSSSSSSSSSSSSSEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEHHHHEEEESSEESSSSSL
|Manage all day-to-day design work in one straightforward Iocatlo-
@ ernac
[ oraft B
] e agen \
lien
lien
All of your clients Keep your design Manage access to
and projectsinone  work clearly your team’s work
place organized Protect WIP designs with
Create a dedicated Easily access relevant agency-only access, and
workspace for each client styles, components, and safely bring in outside
in one centralized file. fonts specific to clients. el
|\/\/\/W\/
.
1
You're in good company
frog R4 FJORD Fuzzco IDEO
Seamlessly run projects from kickoff
to handoff
|Fi g ma Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
O YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
Kl Focebook Wireframing Collaboration features Developers Framer
Diagramming Design process Learn design Design on Windows
Brainstorming Figdam Downloads Miro
Templates Pricing What's new
Remote design Enterprise Releases
Agencies Organization Careers
Figma for education Professional About us
Customers Agency partners
Security Privacy
Integrations Modern Slavery Statement
Contact Status
|“Figma has unlocked our ability to co-
create with our partners - giving our
team the ability to move at the pace
of the conversation.”
|Collaboration
Manage all day-to-day desigh work in one straightforward location

TR

[ oraft B

A e Agen )

71}7 ‘ h j‘jggi‘jii‘ﬁ‘?:
All of your clients Keep your design Manage access to
and projectsinone  work clearly your team’s work
place organized Protect WIP designs with
Create a dedicated Easily access relevant agency-only access, and
. - - - - - ecafelv bhrino in olitecide
|Get started
Jump into Figma today
Build better client partnerships
Invite clients into Figma to collaborate and comment on the work — enabling better,
faster feedback that levels up the impact of your deliverables.
|Get started
- - -
Plans to fit agencies of any size
) .
- - -
Organization $45 Enterprise $75
For scaling businesses and those seeking per editor / month For advanced security and more flexible per editor / month
advanced admin capabilities, as well as controls, the Enterprise plan helps you scale
library and resource sharing across design processes company-wide.
multiple teams
Everything in Organization plus
Everything in Professional plus e Custom workspaces
® Multiple teams for each client * Workspace administration
® Advanced security and permissions o Guest access controls
® Shared design systems and fonts e Default roles
® Design system analytics e Default teams
¢ Custom plugins ® Role assignment via SCIM
® Password protection required
® Dedicated account manager
Get started Get started
® Hands-on trainings
Compare all plans
|See how agencies use Figma Get started
Agencies of all shapes and sizes have found better outcomes using Figma. But don’t
just take our word for it — hear from teams who trust Figma to help them create,
iterate, and repeat.

BASIC® & Herman Miller Mendesaltaren & Repsol Idean desighed a game in

Creating a design system that scales How Mendelsaltaren helped Repsol Flgma

across multiple brands implement a cohesive design system Behind the plugin: Cards for Humanity

Request a demo
|Manage all day-to-day design work in one straightforward Iocatlo-
Lik 2'S . an]
All of your clients Keep your design Manage access to
and projectsinone  work clearly your team’s work
place organized Protect WIP designs with
Create a dedicated Easily access relevant agency-only access, and
workspace for each client styles, components, and safely bring in outside
in one centralized file. fonts specific to clients. el


Contacting sales

screenElements: Card Thumbnail Button

screenElements:
Dialog
Text Field
Text Field
Button

screenElements:
Text Field
Text Field

pagePatterns:
Contact Page
Contact Section

screenElements:
Link
Dialog
Text Field
Text Field
Button
Card
Thumbnail
Button
Link
Text Field
Text Field

pagePatterns:
Contact Page
Contact Page
Contact Page
Contact Section
Contact Page

screenKeywords:
X
Thanks for getting in touch. We will get back
to you soon.
|Contact us
Tell us how we can help and a member of our team will
be in touch soon.

Work email address

Company size v

Which topic best fits your needs? v

How can we help you?

Z

By clicking “Submit” you agree to our and A
|Talk to a member of our Get product or
account support

sales team PP

We can give you a demo, help you choose the We are here to help you

right plan for your team, or share best with any of your needs.

practices for getting the most out of Figma.
|We can give you a demo, help you choose the We are here to help you
right plan for your team, or share best with any of your needs.
. . . Get started
practices for getting the most out of Figma.
Contact sales Get support
Member of the press?
Send us a note here.

Flgmd Use Cases Explore Resources Compare
¥ Twitter Ul design Design features Blog Sketch
B YouTube UX design Prototyping features Best practices Adobe XD
Instagram Graphic design Design systems features Support Invision Studio
|Contact us
Tell us how we can help and a member of our team will
be in touch soon.
jsmith.mobbin@gmail.com
1-10 \%4
Request a sales demo or talk to sales v
Z
By clicking “Submit” you agree to our and A


Copying collection link

screenElements: Banner Avatar Button Breadcrumbs

screenElements: Button Banner Avatar Button Breadcrumbs

screenPatterns:
Acknowledgement & Success
Browse & Discover

screenKeywords:
o
B \‘ B
Home > Allcollections > Celebrate the holidays with Figma
& = blush P PO S
.2 m m m - SR o
\.trgy T (T % | Holiday o
4 .
: . S Cards X o6 2
. . . . . . With illustrations! §@§§, S o ‘.
4 3 S 5
) \'?Q()é 5 / §%
‘ ‘ "m— oy %@; i) =%
R B & W FACE,
- ‘:‘ 41«\“\‘\(\%:!&\ l)- oavn
@ Build a snowperson in... ©39 [7 827 é@ White Elephant Template 09 [7175 @ Holiday Cards ©87 [712k [eugs Holiday Cards with... © 250 [7 6k
miggi FigJam Dipa Halder . . Blush
rs ne RE . e e
N = New Year's #aRT N
o ® % N Backgrounds Holiday dinner S¥e = SIS caton e 2N
B Y- £ NEEEIES . . AR ol . ¢ \"
- - for Online Meetings party planner Glngerbread S
Pt 2 from Embacy Wheter s vt st e : 13-4
s < ( FREE _ . T . e house builder ; 1
hristmas icons () L akes a lot of coordination. . . " ,
: ristasieons | Eareadnropm o ﬁ% N8 inFigJam T
LY % 5 . —
@ LineKingdom Christmas... © 45 [7 15k . Embacy / Backgrounds Q47 (2 701 é@ Dinner party planner (holid... ©23 2372 B Gingerbread house builder... g2 (2 7
%Y Zlatko Najdenovski Embacy Team FigJam Figma for Education
|o
B \‘ B
Home > Allcollections > Celebrate the holidays with Figma
& = blush P PO S
.2 m m m - SR o
\.trgy T (T % | Holiday o
4 .
: . S Cards X o6 2
. . . . . . With illustrations! §@§§, S o ‘.
4 3 S 5
) \'?Q()é 5 / §%
‘ ‘ "m— oy %@; i) =%
R B & W FACE,
- ‘:‘ 41«\“\‘\(\%:!&\ l)- oavn
@ Build a snowperson in... ©39 [7 827 é@ White Elephant Template 09 [7175 @ Holiday Cards ©87 [712k [eugs Holiday Cards with... © 250 [7 6k
miggi FigJam Dipa Halder . . Blush
rs ne RE . e e
N = New Year's #aRT N
o ® % N Backgrounds Holiday dinner S¥e = SIS caton e 2N
B Y- £ NEEEIES . . AR ol . ¢ \"
- - for Online Meetings party planner Glngerbread S
Pt 2 from Embacy Wheter s vt st e : 13-4
s < ( FREE _ . T . e house builder ; 1
hristmas icons () L akes a lot of coordination. . . " ,
: ristasieons | Eareadnropm o ﬁ% N8 inFigJam T
LY % 5 . —
@ LineKingdom Christmas... © 45 [7 15k . Embacy / Backgrounds Q47 (2 701 é@ Dinner party planner (holid... ©23 2372 B Gingerbread house builder... g2 (2 7
%Y Zlatko Najdenovski Embacy Team FigJam Figma for Education


Logging out

screenElements:
Dropdown Menu
Avatar
Icon

screenKeywords:
John "
8 jsmith.mobbin@gmail.com i Q @) Explore Community Jal @ .
© Recents Drafts Deleted @ jsmith.mobbin@gmail.com
[ Drafts
@ Internal profile
New design file + New FigJam file + [ Import file (& Plugins
@ Design and prototype Whiteboard and diagram Bring in files from o J;“f —
ettings
Ready to go beyond this free
plan? Upgrade for premium @ UIES >
features.
Explore FigJam templates . Getdesktop app
= ‘1_% == <+ Add account
5 oS¢ Team PR . ...
Favorite files |a§_|ram — sync meeting . |
) i basicsin agenda =TT B —
Hover over any file and click the star to Fi J m B == = '
add it here g a E—— o . -
B b
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last modified v oo |=
—|— Create new team
. ) . i i
e A/ - o
Contacts Q . e - S
00 amd O -
ko9 B N
B \ ‘@
o . - i .
Contacts App o o FigJam Basics Wireframing in Figma
Edited 5 minutes ago Edited 20 hours ago Edited 20 hours ago
. Download desktop app X 0
|& Continue with Google
or
jsmith.mobbin@gmail.com
Use single sign-on
Reset password
No account? Create one


Help Center

screenElements: Banner Thumbnail Button

screenElements:
Grid List
Card
Illustration

screenElements:
Banner
Thumbnail
Button
Dropdown Menu
Dropdown Menu
Search Bar
Grid List
Card
Illustration

pagePatterns:
Support & Help Center Page
Support & Help Center Page
Support & Help Center Page
Support & Help Center Page
Support & Help Center Page

screenKeywords:
’ Products v Enterprise v Pricing Community v Company v F English v Login Get started
Blog
Careers
|
Our story
[ )
Help Center
a alone:
Figma connects everyone in the design process
so teams can deliver better products, faster.
Get started 0
romm B EXRNREe LA
Layers Desigt
. Headline
lay For you Albums C_ ————— Color
@O o
1
% Slider | . L
Radio ( I 0 -
I
2 AR Y
|Meet Figdam, our new online whiteboard for teams to explore ideas together. .
o
| Get started v Figma design v Figdam v Community v Administration v Tutorials v Q
>
>
Learn more - }
—
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
F Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Get started
Images, shapes and tools
Text and fonts
Layer properties and settings d I eve I u p
Components and styles
Protot imati
rototypes and animations auto layout Search
Collaborative tools
Branching and merging
Welcome to ' [ © o
Frae nne nint nf
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
F Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Updates
Set up Figma
Figma for desktop and mobile
s (1 ANC l@VE]L UP
Files and projects
Teams bonents, styles, auto layout Search
Organizations
Connect Figma to other apps
Welcome to ' [ © o
Frae nne nint nf
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
F Get started v Figma design v Figdam v Community v Administration v Tutorials v Q Sign up
Figma for Beginners (4 parts)
Build Your First Plugin (5 parts)
Search components, styles, auto layout Search
Welcome to ' [ © o
Frae nne nint nf
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
F Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Search components, styles, auto layout Search
Welcome to ' [ © o
Frae nne nint nf
|Meet Figdam, our new online whiteboard for teams to explore ideas together. .
o
| Get started v Figma design v Figdam v Community v Administration v Tutorials v Q
Getting Started -
_


Browse a help collection

screenElements: Banner Thumbnail Button Link

pagePatterns:
Support & Help Center Page
Support & Help Center Page

pageType: Marketing Marketing

screenKeywords:
Meet Figdam, our new online whiteboard for teams to explore ideas together. .
o
| Get started v Figma design v Figdam v Community v Administration v Tutorials v Q
>
>
Learn more - }
—
|Meet Figdam, our new online whiteboard for teams to explore ideas together. Learn more.
’ Get started v Figma design v Figdam v Community v Administration v Tutorials v Q m
Figdam
Get started
Figdam for iPad ¥ Import Miro boards to Figdam
Guide to Figdam Get Figdam templates
Compare Figma and Figdam Select, move, and order objects
See all 10 articles >
Create and edit
Organize your Figdam board with sections Add link previews in Figdam
Work between Figma and Figdam Sticky notes in Figdam
Visualize information using shapes with text Create diagrams and flows with connectors and lines
See all 17 articles >
® Help


Deleting a file

hotspotType: Right Click

screenElements:
Side Navigation
Tab

screenElements:
Context Menu
Side Navigation
Tab

screenPatterns:
Action Option
Home

pageType: Application Application Application

screenKeywords:
John "
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Drafts Deleted
[ Drafts
New design file + New FigJam file + [ Import file
@ Design and prototype Whiteboard and diagram Bring in files from other tools
Ready to go beyond this free
plan? Upgrade for premium
features.
Explore FigJam templates See all X
- = -
A b0 Daily Team ' ‘m .f
Favorite files Dlagram _— sync 1 meetlng . :T - 8
, _ basicsin I agenda Eoo: - o I
Hover over any file and click the star to Fi J m = = '
add it here gJa Open —— ) [ ]
. 9
Open in new tab °
Teams Diagram basics in FigJam Daily Syn( Team meeting agenda User persona Empathy map
Copy link
B Acme Free Add to your favorites
Team project Share =
All files v Duplicate Last modified v oo |=
—|— Create new team
Rename o'V | P : . .
Delete . ® A f e -
Contacts Q " o 2 amli—e
. - . - = - ' . ‘ m . i - |
® - » - e o - -
gv em @ '
ko9 W W
e ¥ ‘Q
fa . i .
Contacts App o o e FigJam Basics Wireframing in Figma
Edited 3 minutes ago Edited 20 hours ago Edited 20 hours ago
. Download desktop app X G
|John P 0
§3 jsmith.mobbin@gmail.com M Q @ Explore Community a (i) e
(® Recents Drafts Deleted
[ Drafts
New design file New FigJam file Import file
; . ; ooE
@ Design and prototype Whiteboard and diagram Bring in files from other tools
Ready to go beyond this free
plan? Upgrade for premium
features.
Explore FigJam templates See all X
S 0=
: b~ Daily Team ' BT 1 .& —
Favorite files Dlagram — sync meetlng . = - .
i} _ basics in agenda = === = S e T
Hover over any file and click the star to F. J = = '
add it here Ig CLLL E—— -
B 0
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last modified v oo |=
~+  Create new team
Ky ‘.‘ =) - il -
e oA = .
. = 1 B 2
g 0 ama ¢ B
g9 W W
e B\ ﬁ
fa . i .
FigJam Basics o o Wireframing in Figma Prototyping in Figma
Edited 20 hours ago Edited 20 hours ago Edited 20 hours ago
File deleted Undo G

. Download desktop app X
|John P 2N

8 jsmith.mobbin@gmail.com e Q @) Explore Community jal (\il) v
(® Recents Drafts Deleted
[ Drafts

New design file + New FigJam file + [ Import file

@ Design and prototype Whiteboard and diagram Bring in files from other tools
Ready to go beyond this free
plan? Upgrade for premium
features.
Explore FigJam templates See all X
. b= DETY Team ' B .f —
Favorite files Dlagram — sync meeting - - ] !
, _ basics in agenda E oo L o S
Hover over any file and click the star to Fi J m = = '
add it here g a E—— o -
B b
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last modified v oo |=
~+  Create new team
L 2 ‘.‘ =) - il -
e oA = i} .
Contacts ‘ " S : = i =1 B
<§<> amd O -
ko9 B W
. ; ey ﬁ
o . - i ]
Contacts App o o FigJam Basics Wireframing in Figma
Edited 5 minutes ago Edited 20 hours ago Edited 20 hours ago

. Download desktop app X G


Team home

screenElements:
Stacked List
Divider
Icon

screenElements:
Tab Bar
Card
Avatar
Stacked List
Accordion
Stacked List
Divider
Icon

screenPatterns:
Home
Note Detail
Note Detail

screenKeywords:
12:00 41
. Jon is Managing ¢
J jon.mobbin@gmail.com @
Jump back in
Getting Started
on Mobile
Teamspaces v
v M General +
> = Meeting Notes o+
> ¢ Docs : o+
> Team Home : 4+
> @ Team Tasks : 4+
> W/ Task List D+
Private v N
> Getting Started on Mobile : +
= Qa0
|12:00 P41

{ £ Team Home < 3 e

Team

v+ What's New

» Team Mission

&& Team Objectives

Resources

= Q L
|12:00 v41
{ £ Team Home < 3 e
=] Change cover
H
Team Home
Add comment
Team
v+ What's New
» Team Mission
&& Team Objectives
Resources
= Q Q


Adding a new personal account

actions:
Switching Account
Adding & Creating

screenElements:
Card
Icon
Avatar
Bottom Sheet

screenElements: Illustration Card Button

screenElements: Illustration Card

screenElements:
Dropdown Menu
Illustration
Card
Card
Icon
Avatar
Bottom Sheet
Loading Indicator
Illustration
Card
Button
Tab Bar
Card
Avatar
Stacked List
Accordion

screenPatterns:
Action Option
Add & Create
My Account & Profile
Loading
My Account & Profile
Add & Create
Home

screenKeywords:
Accounts
jon.mobbin@gmail.com 000
Jo Join or create workspace

Fre
‘ Log out ®
® Add an account >
® Logoutall
|12:00 V41
Cancel
I'm using Notion...
We'll streamline your setup experience
accordingly.
=Y With my team
QQE}QI Collaborate on your docs,
projects, and wikis.
For myself
ﬁ Write better. Think more clearly. 0
Stay organized.
|12:00 P41
Jon Mobbin's Notion ¢
jon.mobbin@gmail.com @
> Getting Started on Mobile : +
> € Quick Note : +
> Personal Home - er
> W/ Task List : +
> & Journal : +
> & Reading List : +
£+ Settings
22 Members
@ Trash
(@ Help
= Q Q
|Accounts
jon.mobbin@gmail.com
. Jon is Managing
J Free Plan- 1 member v
@ Add an account >
® Log outall
|12:00 P4l
Getting ready...
S —
|12:00 V4l
. Jon Mobbin's Notion ¢
J jon.mobbin@gmail.com @
> Getting Started on Mobile .
> & Quick Note : +
> & Personal Home : +
> / Task List : +
> & Journal : +
> [€ Reading List : +
Accounts
jon.mobbin@gmail.com
Jon is Managing
Free Plan - 2 members
Jon Mobbin's Notion
Free Plan - 1T member v
® Add an account
® Logoutall
|12:00 V41
Cancel
I'm using Notion...
We'll streamline your setup experience
accordingly.
=Y With my team
ﬁﬁg}g Collaborate on your docs, 0
projects, and wikis.
For myself
ﬁ; Write better. Think more clearly.
Stay organized.
|12:00 41
. Jon is Managing ¢
J jon.mobbin@gmail.com @
Jump back in
Getting Started
on Mobile
Teamspaces v
v M General +
> = Meeting Notes o+
> ¢ Docs : o+
> Team Home : 4+
> @ Team Tasks : 4+
> W/ Task List D+
Private v N
> Getting Started on Mobile : +
= Qa0