Contacting support

screenElements:
Popover
Search Bar

screenPatterns:
Help & Support
Select

screenElements:
Illustration
Text Field
Button
Search Bar
Popover
Search Bar
File Upload
Select
Dropdown Menu
Loading Indicator
Select
Stacked List

screenPatterns:
Acknowledgement & Success
Help & Support
Help & Support
Help & Support
Help & Support
Help & Support
Help & Support
Help & Support
Loading
Help & Support
Help & Support
Select

pageType: Application Application Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
i P EN UEET ' i Message sent
Favorite files Dlag_]ram — sync meeting . 9
) i basicsin agenda ==
Hover over any file and click the star to Fi J m =
add it here g a =
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
B Acme Free \/
Team project
All files v
~+  Create new team
Thanks for reaching out
. :
sader Veyrsy Someone will get back to you soon
et _ I Go Back
- e : v .
s Build your own o & P
—_— L= team library 0 <> oms 0
e design. Team libraries let you share styles
=2 | S ko9 B N
e — everyone on your team.
Ze T
arron vext - la . - .
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to Fi J m = Subject
add it here g a =
Hi
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
B Acme Free I need help with...
T ject .
eam projec Al files v Something else ~
~+  Create new team
‘ Description
Ity 4 * ) .
eader 1 e a4/ Please enter the details of your request. A
member of our support staff will respond as
2 L o
™ _ m soon as possible.
- J— . '. ‘
s Build your own o P
= ' A Hi
team library $ ¢ a - 0
e design. Team libraries let you share styles
=2 | 'T1 8 N |
e — everyone on your team.
= o -
wrron st o . - - . . .
i . . Reproduction steps (optional)
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago
Send
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to Fi J m = Subject
add it here g a =
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
B Acme Free I need help with...
Team project o
All files v -
~+  Create new team
‘ Description
) - 27 .
eader 1 e 4 Please enter the details of your request. A
member of our support staff will respond as
2 L o
™ _ soon as possible.
—= pru— . '. Weksiwh B Fog s
s Build your own o & P
—_— L= team library 0 <> oms 0
e design. Team libraries let you share styles
=2 | 'T1 8 N |
e — everyone on your team.
. o w7 ‘Q
wrron st - o . - - . . .
i . . Reproduction steps (optional)
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago
Send
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
- Sl DETY Team ' - Hel
Favorite files Dlag_]ram — sync meeting . P
) i basicsin agenda Egll
Hover over any file and click the star to F. J m - i< O\ Figma X
add it here Ig a =
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Top results
B Acme Free 1. » Beginner 1: Explore ideas
2. » Beginner 4: Prepare for handoff
T ject . .
eam projec Al files v 3. » Beginner 2: Create designs
~+  Create new team 4. » Beginner 3: Build prototypes
I 5. Create and manage pages
. )
sader1 [ Py 6. Bubble and Figma
- o 7. Coda and Figma
ader2 _
- == Build your own O é o Ner ane e
e B V 00 P 9. Notion and Figma
team library S oms 0
e o b design. Team libraries let you share styles G
=2 | 'T1 8 N |
s - everyone on your team
o e ¥ ﬁ
J—— - la . - .
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago
Contact us
. Download desktop app X ] === : o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to Fi J m = Subject
add it here g a =
Hi
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
B Acme Free I need help with...
Team project o
All files v -
~+  Create new team
‘ Description
) - 27 .
eader 1 e 4 Please enter the details of your request. A
member of our support staff will respond as
2 » .
™ _ soon as possible.
—= pru— . '. Weksiwh B Fog s
s Build your own o & P
—_— L= team library 0 <> oms 0
e design. Team libraries let you share styles
=2 | 'T1 8 N |
e — everyone on your team.
= o -
wrron st o . - - . . .
i . . Reproduction steps (optional)
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago
Send
. Download desktop app X ] === : - o : G
|John "
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Recently viewed
[ 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
- = -
A b= Daily Team ' = .f
Favorite files Dlagram — sync meetlng . = - .
v _ basics in agenda = - - —e R
Hover over any file and click the star to Fi J m = = = '
add it here g a 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 viewed v oo |=
~+  Create new team
o)
eader 1 e oa S
- Bl ’
= vo, =5
T Build your own o <> B oo o o
- = = team library $ oms A Ea RS LS
e design. Team libraries let you share styles
=2 | S ko9 B N
e - everyone on your team.
= o -
arron vext fa . - .
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago O\ Figma X
. Download desktop app X ] === - - o : G
|John "
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ 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
- = -
A b= Daily Team ' = .f
Favorite files Dlag_]ram — sync meeting . !
) _ basics in agenda = = S e T
J = =
Hover over any file and click the star to Fi J m = = = '
add it here g a 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 viewed v oo |=
~+  Create new team
o)
eader 1 e oa S
- Bl ’
= vo, =5
T Build your own o <> B oo o o
L. = team library & ams i BB S R
e design. Team libraries let you share styles
=2 | S ko9 B N
e - everyone on your team.
= o -
arron vext fa . - .
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago O\ How can we help?
. Download desktop app X ] === - - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
- e =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
) e :
Hover over any file and click the star to Fi J m = =
add it here g a =
Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona . .
Teams 9 9 VS P 929 P Reproduction steps (optional)
B Acme Free Please point out the exact steps you're taking
. and what is happening versus what you
Team project . .
All files v expect. If possible, please provide
~+  Create new team screenshots or a screen recording.
- o' )
eader1 ® A
- B i
_ vo, =D
- Build your own o -
—_— L= team library 0 <> oms 0
e design. Team libraries let you share styles
m . and components across files, with ‘ §\D ’ - - @ Add up to 5 files
s - everyone on your team p
= o -
J—— la . - .
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago
Send
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
- Sl DETY Team ' -
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
) e : .
Hover over any file and click the star to Fi J m = = Subject
add it here g a =
Hi
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
B Acme Free I need help with...
Team project ~
All files v -
~+  Create new team
Something stopped working
i N
pader1 e A/ L .
- — Running into performance issues
ader2 _ >
- P . v Feature not functioning as
- = Build your own 5 Dé B expected
—_— L= team library 0 <> oms 0
e design. Team libraries let you share styles
o9 W N :
m . and components across files, with ‘ D ’ Something else
e — everyone on your team.
= o -
wrron st o . - - . . .
i . . Reproduction steps (optional)
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago
Send
. Download desktop app X ] === : - o : G
|John "
(e R R i Q @) Explore Community o @ v
(® Recents Recently viewed
[ 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
- = -
= Name VL% . e
A b= Daily Team ' = .f
Favorite files Dlagram — sync meetlng . = - .
) _ basics in agenda = = S e T
Hover over any file and click the star to F. J = = '
add it here Ig CLLL E—— -
B [V
/3
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last viewed v oo |=
—|— Create new team
‘ Help Center
L
\ / Support Forum
eader1 ¢ /
= o ,
YouTube videos
ador 2 .
_ m Release notes
ubtite — Build your own 00 B L B Legal summary
. =L team library $ o 0 i BEEEE T
_ Don't reinvent the wheel with every - x ) Submit feedback
e design. Team libraries let you share styles i 5
m . and components across files, with ‘ L\\D ’ - - Ask the community
- — everyone on your team. Contact support
J—— fa . - .
i i . i i Reset onboarding
John's team library FigJam Basics Figma Basics
In Team project - Edited 12 minutes ago In Drafts - Edited 12 minutes ago In Drafts - Edited 12 minutes agd
Change languages...
. Download desktop app X ] === - o : a
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
- e =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to Fi J m =
add it here g a =
Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona . .
Teams 9 9 VS P 929 P Reproduction steps (optional)
B Acme Free Please point out the exact steps you're taking
. and what is happening versus what you
Team project . .
All files v expect. If possible, please provide
-+ Create new team screenshots or a screen recording.
v
eader 1 e oa S
- B i
_ vo, =D
s Build your own o P
—_— L= team library 0 <> oms 0
s design. Team libraries let you share styles
m . and components across files, with ‘ §\D ’ - - @ Add up to 5 files
s - everyone on your team p
= o -
J—— la . - .
John's team library FigJam Basics E
In Team project - Edited 14 minutes ago In Drafts - Edited 14 minutes ago n
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community Q @ i
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to F. J = .
add it here igJam |=— Report an issue
Your name
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona
John
B Acme Free
Team project Email address
All files v
-+ Create new team . . .
jsmith.mobbin@gmail.com
v
der 1 A/ .
e E e A Subject
a2 .
| J— . .
s Build your own o & P
—_— L= team library 0 <> oms 0 | need helo with
. need help with...
e design. Team libraries let you share styles
=2 | 'T1 8 N |
e — everyone on your team. - ~
- s /e X ‘Q "
. e Description
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago
Send
. Download desktop app X ] === : - o : G
|John .
8 jsmith.mobbin@gmail.com i Q @) Explore Community o @ v
(® Recents Recently viewed
[ Drafts
New design file New FigJam file Import file
; : ; R
@ 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
o i =
A b= Daily Team ' ,
Favorite files Dlag_]ram — sync meeting .
) i basicsin agenda ==
Hover over any file and click the star to Fi J m = .
add it here gJa = Please select your issue
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Report an issue
B Acme Free
Manage my account
Team project
All files v
~+  Create new team L
Subscriptions and payments
v
eader 1 e oa S
- B i
_ e vo, =B
s Build your own o <> P
= = team library & oms 0
e design. Team libraries let you share styles
=2 | S ko9 B N
e — everyone on your team.
= o -
worron et o . - L] ]
John's team library FigJam Basics E
In Team project - Edited 13 minutes ago In Drafts - Edited 13 minutes ago
. Download desktop app X ] === - - o : G


Recently deleted

appCategory: Photo & Video

appTagline: Video review and collaboration

companyHqRegion: US & Canada

companyStage: Public & Mature

platform: web

pageType: Application

hotspotType: Click

screenElements:
Grid List
Thumbnail
Tab

screenElements:
Search Bar
Tab

screenElements:
Dropdown Menu
Grid List
Thumbnail
Tab
Search Bar
Tab

screenPatterns:
Action Option
Other Content
Other Content

pageType: Application Application Application

allAppCategories:
Collaboration
Photo & Video

screenKeywords:
Jane's Account + Jump to project or file... 6daysleft Upgrade & @ # ?
Qs [ Tveing + @ ) -
v Jane'sTeam + Media Review Links Presentations C2C Connections 3items, 49.66 MB Custom v E eee
Demo Project
a 2 N T S D - Y, Download all
Traveling [ : 3 ;_ o I e P T Recently deleted
. BT =
— ;‘ : a‘*:’- -Vf~..‘-:~..b'
B e e © Projoct st
Lk e B - J '\&{ e roject settings
L o002 B e Bl - L 00:13 )
(4 PRl .-“ ol (> Leave project
bridge.mp4 changi.mp4 flying.mp4 = Archive project
Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am .
T Delete project
|@ Deleted Files
Traveling
- o oI
! N L i |
i PR . el i
il i —aw e Y il i
o ! _.1'5-} A'.\} o o
e . e Ho
[ - 00:02 [ 4 ,;—M'ﬁe 00:13 T EE 00:02
F A AR LS Fre
bridge.mp4 [COPY] pexels-tripaway-day-703195... Pexels Videos 1994828.mp4
- Today, 11:16am - Today, 11:15am - Today, 11:15am
-
ke e - 00:21
S . T
Pexels Videos 4105.mp4
- Today, 11:15am
4 results
|@ Deleted Files
Jane'sTeam  Traveling Search team
Search for deleted files
Search deleted files across all your
projects within the Jane's Team team.


Adding a comment

appName: Figma

appCategory: Graphics & Design

appTagline: The collaborative interface design tool

screenElements:
Toolbar
Search Bar
Thumbnail

screenPatterns:
Comments
Empty State

hotspotType: Keyboard Input

screenElements:
Popover
Text Field

screenPatterns:
Comments
Draw & Annotate

screenElements:
Text Field
Icon
Button

screenElements:
Popover
Icon
Search Bar
Tab

hotspotType: Hover

screenElements: Select Avatar

screenElements:
Popover
Text Field
Stacked List
Tab
Popover
Icon
Search Bar
Tab
Popover
Pagination
Icon
Avatar
Text Field
Text Field
Icon
Button
Select
Avatar
Toolbar
Search Bar
Thumbnail

screenPatterns:
Comments
Draw & Annotate
Comments
Comments
Comments
Comments
Comments
Empty State

pageType: Application Application Application Application Application Application Application Application Application Application Application Application

allAppCategories:
Collaboration
Graphics & Design

screenKeywords:
gy By Oy Oy W T & @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 hiome Q_ Search @ H
= Frame1 Try the Figma mobile app to stay on

top of activity like comments, replies,

Contacts and @mentions when you're on the go.

Rectangle 1
Contacts
Check out this home screen! e | =
(# =
© @ o

® -
OCO© LB PP

D Give feedback, ask a question, or

Q Search just leave a note of appreciation.

Name Click anywhere in the file to leave

) Activity a comment.
ésEO @ E R
L T e
=ITLE86O0
oI OVe A/
2l g mli &l
X QO Mmaaréd
Veéed: i IRES
g
|By B o [y Wy T 34 @ O 020 ®© & J Share & > 96% v
Layers Assets Page 1 Design Prototype Inspect
Home

#* Background
= Frame1

FSFSF5 100% ®
Contacts
Rectangle 1 Local styles +
Contacts
Ag Headline - 18/Auto
Export +
Name
4
@ Name
Y
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
‘- oo v | .
. e I >
)
% Name Get the app
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
4 a comment.
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on

top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
‘- oo v | .
. e I >
)
% Name Get the app
@ Name
Y
John
Check out this home screen! '~ John
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
. Check out this home screen! . = | o
:sparkles: )
% Name 0 Get the app
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
4 a comment.
|gy By Oy Oy W T & @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 hiome Q_ Search @ H
= Frame1 Try the Figma mobile app to stay on

top of activity like comments, replies,

Contacts and @mentions when you're on the go.

Rectangle 1
Contacts
Check out this home screen! e | =
(# =
© @ o

® -
OCO© LB PP

D Give feedback, ask a question, or

Q Search just leave a note of appreciation.

Name Click anywhere in the file to leave

) Activity a comment.

(CRF W - I« IS B i
L TBYOim
SR I RORN
oI OVe A/
2l g mli &l
X QO Mmaaréd
Veéed: i IRES
¢ )
|gy By Oy Oy W T & @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 hiome Q_ Search @ H
= Frame1 Try the Figma mobile app to stay on

top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
Contacts
Check out this home screen! e | =
(# =
© @ o
® -
LB P OF
D Give feedback, ask a question, or
Q Search just leave a note of appreciation.
@ Name Click anywhere in the file to leave
y Frequently used a comment.
06000 EGEREMW
Smileys & People
OOV LOLRGO
OO0 VBLVWOG
WOOOLOERO
OOoVoOoLVLVLEOEES®
©ROGOeH
R Y Lo e L AED LD LA LA
C) ©)
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 hiome Q_ Search @ H
Home o ®

Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
2 V-S7N VN PN —
- O 8 X SR
eal - | . =
© B |-
o John &
Check out this home screen! ' Qe
e
John Get the app
@ Name #1-Page 1
John Just now
Check out this home screen! '~ John
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
. Check out this home screen! . = | o
)
% Name Get the app
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
4 a comment.
|B Sy Iy Oy WY T 33 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on

top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
‘ ‘- oo v | .
. Check out this home screen! . P i
:sparkles: @ )
@ Name 0 Get the app
J John (You)
jsmith.mobbin@gmail.com
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
p a comment.
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
. Check out this home screen! . = | o
:sparkles: John )
% Name 0 Get the app
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
4 a comment.
|B Vv HY Oy W T 34 @ I®) Drafts / Contacts App v J Share & > 96% v
Layers Assets Page 1 Q_ Search @ H
Home

d Comments are now in our app X
= Frame1 Try the Figma mobile app to stay on
top of activity like comments, replies,
Contacts and @mentions when you're on the go.
Rectangle 1
‘- oo v | .
. e I >
)
% Name Get the app
D Give feedback, ask a question, or
just leave a note of appreciation.
Name Click anywhere in the file to leave
4 a comment.


Review Links

screenPatterns:
Other Content
Empty State

screenKeywords:
Jane's Account « Jump to project or file... 6daysleft Upgrade & # 2
Q so 5 Tavelng : © [ -
v Jane's Team + Media REVEWARS Presentations C2C Connections 3items, 49.66 MB  Custom v = eee
Demo Project
Traveling a8 = N} A —_— N
- A ke 2 =
R el
iz — i;(,: ~.>
L - E. s - s v .
3 0:02 | ol Sl AR (0:1
L et R Caw
bridge.mp4 changi.mp4 flying.mp4
Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Q@ s e + © G -
v dEmEs e + Media Review Links Presentations C2C Connections Date created v ee*
Demo Project
Name Date created | Created by (od Active Link
Traveling a8
Iip bridge.mp4 Today, 11:55am Jane D 0 [ ] f.io/kKtSa0y9 copy H
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Q s [ Toveing + @ [
v dEmEs e + Media Review Links Presentations C2C Connections Date created v ee*

Demo Project

Traveling a8

No links
You haven't created any share links for this project
Learn more about sharing here.


Publishing library updates

pageType: Application Application Application Application Application

screenKeywords:
Publish library X
Q Search
Optional description of changes
Changes (1 of 2)

Ag Headline Modified
o - Contact item Added
1 component will not be published. Only members of Professional teams can publish
components to a shared library. or join an existing team to
use this feature.
|B B gy [y WY T 388 @ I®) Drafts / Contacts App v J Share & > (%
Layers Assets® Page 1 Design Prototype Inspect
Libraries  Updates X
= E Background
< Contacts App Current file
v Local components FSFSF5 100% @®
A
Q Name 9 Local styles +
Text styles
Ag Headline - 17/Auto
Export +
« Contact item
| S | 'y
| /o
| “
|
| Name Name
! ”
|
| n ipsum dolor sit amet consectetur. Urna
| n suspendisse aliquam pharetra ligula
} Name adipiscing bibendum.
|
|
| S —— |
Current file has changes Unpublish Publish 1 change...
|B B gy [y WY T 388 @ I®) Drafts / Contacts App v J Share & > (%
Layers Assets® Page 1 Design Prototype Inspect
Libraries  Updates X
= E Background
Q
v Local components FSFSF5 100% @®
Current file
Q Name Local styles +
Contacts App Publish 1 change... >
Text styles
Ag Headline - 17/Auto
Export +
« Contact item
| S | »
| 3
| :
|
} @ Name Name
| ”
| n ipsum dolor sit amet consectetur. Urna
| n suspendisse aliquam pharetra ligula
} Name adipiscing bibendum.
|
|
| S —— |
|B B gy [y WY T 388 @ I®) Drafts / Contacts App v J Share & > (%
Layers Assets® Page 1 Design Prototype Inspect
= °
= s Background
v Local components F5F5F5 100% ®
Q Name Local styles +
Text styles
Ag Headline - 17/Auto
Export +
« Contact item
5 | N
| | G
| | )
| |
| y | p
| |
| | Lorem ipsum dolor sit amet consectetur. Urna
| | Name non suspendisse aliquam pharetra ligula
} Name } y adipiscing bibendum.
| |
| |
- ]
|B B gy [y WY T 388 @ I®) Drafts / Contacts App v J Share & > (%
Layers Assets Page 1 Design Prototype Inspect
= m Background
v Local components F5F5F5 100% ®
Q Name Local styles +
Text styles
Ag Headline - 17/Auto
Export +
« Contact item
5 | N
| | G
| | )
| |
| y | p
| |
| | Lorem ipsum dolor sit amet consectetur. Urna
| | Name non suspendisse aliquam pharetra ligula
} Name } y adipiscing bibendum.
| |
| |
- ]
v Successfully published library updates 0


Blog post

pageType: Marketing

hotspotType: Scroll Vertically

pagePatterns:
CTA Section
Blog Post

screenElements: Dialog Button

screenElements: Photo Drawer

screenElements: Avatar Divider Banner

screenElements: Avatar Divider Banner Button Avatar Dialog Button Photo Drawer

pagePatterns:
Blog Post
Blog Post
CTA Section
Blog Post
Blog Post
CTA Section
Blog Post
Blog Post

pageType: Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
))i- frameio insider o
dana a irequernt ConuipuLor o 1ne rrarme.io imnsiaer.
She has worked in film and video post-production
approximately since dinosaurs roamed the planet.
SEE MORE POSTS FROM LISA
Interested In This blog relies on people like you to step in and add
Sharee Contributing? your voice. Send us an email: blog at frame.io if you
have an idea for a post or want to write one yourself.
ink?
G+ What do you think?
26 Responses
1 Comment © Loginv
e Join the discussion...
LOG IN WITH ORsIGN UP WiTHDIsQus (2)
000
m 2 o Share Best Newest Oldest °
A Kristijan Milic o* [
|))i- frameio insider o
Enjoy the article? You'll love Frame.io, the leading collaboration and feedback platform for professional video creators. Try it out free for your next project!
Shares
) Thank you to Lisa McNamara for
Lisa McNamara A A . .
f contributing this article.
Lisa McNamara is Frame.io's senior content writer
G+ and a frequent contributor to The Frame.io Insider.
She has worked in film and video post-production
@ approximately since dinosaurs roamed the planet.
SEE MORE POSTS FROM LISA
Interested In This blog relies on people like you to step in and add
Contributing? your voice. Send us an email: blog at frame.io if you
have an idea for a post or want to write one yourself.
What do you think? °
26 Responses
|Explore Frame.io =
))i- frameio insider o
e main rnouse, e rmdrisiorn, wds dcludlily d sei, JITNmo expidirs.  vve pullt e rmdin noor
of the house in a backlot and for the second floor it was all green screen outside. When we
shot toward the outside from inside, everything beyond the garden was all VFX.” Similarly,
all of the driving scenes were shot with the car against green, Jinmo revealed, in much the
same way Fincher shot the car scenes for Zodiac.
. A workflow that video | i
teams love - finall == = o 7
G+ y B s SN\ . 77/ [
. EXPLORE FRAME.IO i i : el ol T M ST
s ; c '
s ,
4 o * ~ . .
i ’J , CHIC. 3 . . 3 . " - Image © CJ Entertainment
- \/",..-" | o r 2019
— : < °
o P
|))i- frameio insider
Post-Production Workflow Behind the Scenes Production Business Enterprise Frame.io News ,O
A = DR B S, e
f . SRR 00 ~‘:T-é: é?i\‘.' \ »’( o \;
y | -9 O Kaaw
LR e == PN A A
- 2\ PR
/%&, \ ./.— & = M‘Q w'”v s
|4 el K = == ) ZGer V. A
N .y \ﬁ)gs& : ( ‘ - 5 ;g_ »‘;}Z‘:’Z%"' i ‘\ ;&ﬁ" "
- \ L \- f R b
g S TR T, ] /s ==
| Behind The Scenes, Interviews 13 MIN READ January 13, 2020
How Parasite Uses Brilliant Design and Invisible VFX to Transcend
Lang uage . a‘;
@ Lisa McNamara '**"“*5"
|frame.o insider 0O
; 13 o
; A
4 \ ; \ \\r\ M
ek ik > \ditihs
1 ;H \ 3 ) ‘ . 4 b
“ A " L o |
0¥ \ x |
Shares i 2 B y . : 9
“ ' - Video review and ]
n ~ = § collaboration, solved. '
s - N7 = Say goodbye to endless emails and .
SZ A\ 1 - confusing notes. Frame.io is your team's
i }c. - — }- new command central for video.
Lucky us, Bong's longtime editor, the now Oscar-nominated , generously
shared his inspirations for the film, and gave us a detailed look at how he and Director
Bong (as Jinmo refers to him) worked together to craft this modern masterpiece. (This
article is spoiler-free).
r — —
Photo by Irina Logro
e —
|))i- frameio insider Je
I Photo by Irina Logra
Shares “' g /’%‘
A=
f L .
S
G+ ' .
‘ 3 7'/ i
all)/ «
(1 ‘
The tools serve the story
As most of you reading this know, Avid is the NLE of choice for most contemporary Oscar-
recognized Hollywood films. But, as some of you might already know, Jinmo cut Parasite °
on Final Cut Pro 7 (that 7 isnt a typo). But despite FCP 7's age, it was more than capable of


Collaboration

pageType: Application Application Application Application

screenKeywords:
By B o [y Wy T 34 @ O 020 ®© & J Share & > 96% v
Layers Assets Page 1 Design Prototype Inspect
Home

#* Background
= Frame1

FSFSF5 100% ®
Contacts
Rectangle 1 Local styles +
Contacts
Ag Headline - 18/Auto
Export +
Name
4
@ Name
Y
|By B o [y Wy T 34 @ I®) Drafts / Contacts App v~ J J Share & > 96% v
Layers Assets Page 1 . . . X
Sharing? Snag the spotlight!
H Home Just hover over your avatar, click Spotlight me, and
lead your teammates around the file.
Frame 1
Contacts m
Rectangle 1
Contacts .
Name
4
@ Name
Y
|By B o [y Wy T 34 @ I®) Drafts / Contacts App v~ J (J Share & > 96% v
Layers Assets Page 1 Design Prototype Inspect
Home

#* Background

Frame 1
FSFSF5 100% ®
Contacts
Rectangle 1 Local styles +
Contacts .
Name
4
@ Name
Y
|By B o [y Wy T 34 @ I®) Drafts / Contacts App v J d Share & > 96% v
Layers Assets Page 1 . X Jesign Prototype Inspect
Sit back and follow along
# Home Just click on a teammate's avatar to follow their 3ackground
cursor, so you can focus and listen instead of
Frame 1 zooming around. FSESES 100% ®
Contacts
m
Rectangle 1 rocal styles +
Export +
Q Name
» Name
Y


Help and resources

screenElements:
Tooltip
Top Navigation Bar
Search Bar
Icon
Avatar
Side Navigation
Banner
Button
Tree
Grid List
Card
Floating Action Button
Badge
Segmented Control
Dropdown Menu

screenPatterns:
Home
Help & Support

screenKeywords:
John P 0
B Jemithmobbinggmailcom v Q @ Explore Community Q. (@) ~
(® Recents Recently viewed
[ 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
- = -
A b= Daily Team ' = .f
Favorite files Diagram . sync meeting - :
i} _ basics in agenda = = S e T
Hover over any file and click the star to Fi J m = = '
add it here g a E——
B o
/3
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last viewed v oo |=
~+  Create new team
o)
eader 1 \ ® A/
- Bl ’
__ vos =5
T Build your own °<> B oo o o
L = team library & amg )t H L
e design. Team libraries let you share styles -
= = ko9 B W
— — everyone on your team.
= o ¥
worronrext o . - - ]
John's team library FigJam Basics Figma Basics
In Team project - Edited 12 minutes ago In Drafts - Edited 12 minutes ago In Drafts - Edited 12 minutes ago
Help and resources
. Download desktop app X ] === - - o : G
|John P 2N
8 jsmith.mobbin@gmail.com e Q @) Explore Community jal (\il) v
(® Recents Recently viewed
[ 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
- = -
A b= Daily Team ' = .f
Favorite files Dlagram — sync meeting - - ] !
i} _ basics in agenda = = oz e T
Hover over any file and click the star to Fi J m = = '
add it here g a 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 viewed v oo |=
~+  Create new team
L» ' * “\
eader1 “ —_— @ A/
= —
- Bl ’
__ vos =5
T Build your own °<> B oo o .
L = team library & amg )t H L
e design. Team libraries let you share styles -
= = ko9 B W
— — everyone on your team.
= o ¥
worronrext o . - - ]
John's team library FigJam Basics Figma Basics
In Team project - Edited 7 minutes ago In Drafts - Edited 7 minutes ago In Drafts - Edited 7 minutes ago
. Download desktop app X ] === - - - o : G
|John "
(e R R i Q @) Explore Community o @ v
(® Recents Recently viewed
[ 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
- = -
= Name VL% . e
A b= Daily Team ' = .f
Favorite files Dlagram — sync meetlng . = - .
) _ basics in agenda = = S e T
Hover over any file and click the star to F. J = = '
add it here Ig CLLL E—— -
B [V
/3
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
B Acme Free
Team project
All files v Last viewed v oo |=
—|— Create new team
‘ Help Center
L
\ / Support Forum
eader1 ¢ /
= o ,
YouTube videos
ador 2 .
_ m Release notes
ubtite — Build your own 00 B L B Legal summary
. =L team library $ o 0 i BEEEE T
_ Don't reinvent the wheel with every - x ) Submit feedback
e design. Team libraries let you share styles i 5
m . and components across files, with ‘ L\\D ’ - - Ask the community
- — everyone on your team. Contact support
J—— fa . - .
i i . i i Reset onboarding
John's team library FigJam Basics Figma Basics
In Team project - Edited 12 minutes ago In Drafts - Edited 12 minutes ago In Drafts - Edited 12 minutes agd
Change languages...
. Download desktop app X ] === - o : a


Deleting a file

hotspotType: Right Click

screenElements:
Dialog
Button
Animation & Video
Thumbnail

screenPatterns: Delete Confirmation

screenKeywords:
Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Q s [ Toveing + © [ e
v Jane's Team + Media REVEWARS Presentations C2C Connections 4items, 51.18 MB  Custom v = e
Demo Project
Traveling ) i i 352 ‘ ‘« ‘)RR e -
A g ;g{.:" \;} - A' S
- - - o :’ SR “é‘_ e < iy,
J = d = P RS gy
| - I\ - - g % -
i 00:02 i ooz B e B -ﬁ ~00:13
2 ¥ 2 i & P ‘-W" o i M= )
bridge.mp4 [COPY] bridge.mp4 changi.mp4 flying.mp4
Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account « Jump to project or file... 6daysleft Upgrade & @ # ?
Q_ Search J Traveling +8 o - New v
v Jane'sTeam + Media Review Links Presentations C2C Connections 4 items, 51.18 MB Custom v E Xy
Demo Project - ]
Traveling [ ..:,:iiif‘;;j{;1 § : ‘ {;?:;,::ff"; L . a’ f—s ‘ e —
g - - - T -
- o " T s e
. 00:02 B -~ 00:02 L o5 Nl lgé 0013 %
bridge.mp4 [COPY] bridge mp4 changi.mp4 flying.mp4
Press spacebar to quicklook * Share > Jane D - Today, 11:16am Jane D - Today, 11:16am

£/ Rename

YV Publish to Vimeo

2# Publish to Dropbox

@® No Status >

%3 Move to...

[ Copyto...

] Duplicate

&) Make Private

Y, Download as... >

T Delete
|Delete file?
Are you sure you want to delete
e bridge.mp4 [COPY]?
Cancel


Security

pagePatterns:
Landing Page
Footer Section

pagePatterns:
Landing Page
Footer Section
Feature Section
Content Section
Contact Section

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Modern, cloud-native environments
Figma’s infrastructure is cloud-native, which means our
security team can take advantage of the unparalleled scale
and flexibility of the cloud. By building on top of trusted
cloud vendors, Figma users benefit from the combination
of an enterprise-grade network architected to protect their
information and the deep expertise of Figma'’s dedicated
security team that is engineering-focused and always on.
Here are other measures we take to ensure Figma is
secure for you and your team.
j

Yy - I n
|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
|e Bl S
Get started
v
< > . SSO
q
\ ° 4 m
Data protection Identity management Service reliability
To keep all your work secure, Figma Easily manage access with any identity To keep you up and running 24/7/365,
encrypts data at rest and in transit. While provider that supports SAML and SCIM, Figma's infrastructure is backed by three
our services are hosted in US-based AWS including Azure AD, Okta, OneLogin, and data centers to protect service availability.
facilities, servers live within Figma's own more. And use SAML SSO, 2FA, and You'll also have peace of mind with real-
VPCs to prevent unauthorized network domain capture to securely deploy Figma time status updates and Figma's built-in
requests. across your entire organization. version history.
N lhhivlh hkavr fAr meiviacsys amvA camsirvridwvg
|’ Products v Enterprise v Pricing Community v Company v F English v Login Get started

FIGMA SECURITY
P fmind b
desi
Figma helps teams brainstorm, design and build better
products — from start to finish, and always with security
in mind. You can trust Figma - and our dedicated
security team - to keep your data safe with enterprise-
grade security features, compliance audits, privacy
protections and all the capabilities of a fully on-demand,
cloud environment.

Get started
|Frequently Asked Security Questions
> What are the security benefits of a cloud-native infrastructure?
> Howdo | report a potential security vulnerability in Figma products?
> What security certifications do you have?
> What personal data does Figma access, store, or process from
customers?
> Does Figma have any rights to my data?
|Inside Figma Security

p . e

r ' .\ > ‘»‘

O
N ZIN S Y
ﬂ,\ A L #’
Inside Figma Security: our Inside Figma Security: How we
approach to security at speed use data
Learn about how the Figma security team helps us ship Data is a vital component in how we improve Figma day by day.
products securely, without impacting the pace of development. Learn more about what kind of data we use and how we use it.
Our approach to security at speed.
Read more

Explore how
|View certification View certification privacy and protection
View Listing Get started
Request More Info
For peace of mind, additional security and privacy
compliance documentation is available via request.
Contact Sales
‘ VAl nriviar~yv rioh+e ara
|Your privacy rights are
important to us
Figma is dedicated to ensuring that all customer and
employee personal data is treated in accordance with
the EU’s General Data Protection Regulation (GDPR)
and the California Consumer Privacy Act (CCPA).
Youir data helonoe to voiui m
|A high bar for privacy and security
Our security measures exceed industry standards for data protection and security.
WE: SELE.
. Q
7 R
AICPA\: AICPA\: 5 ¢
: : 2 A
2 5
SOC SOC 2 s
A aicpa.org/socdso c}é b aicpa.org/socdso c}é 4})\ %‘&
s, o s, o S $
Service organ™® ™ Service organ ™ gl RUST AcsUR™
SOC 2 Type 2 SOC3 Cloud Security Alliance (CSA)
Trust Services Principles Service Organization Controls STAR: Level 1
Contact Sales View report Certification for cloud provider security
and privacy controls
View Listing


Hiding presentation settings

screenPatterns:
Share
Other Action

pageType: Application Application

screenKeywords:
Share 3 items < all videos x
all videos 3 items
Sharing  Layout  Settings = Watermark _—
Link access : "
L
f.io/2zoLVACI @ &  Public v 1 .
Invite by email = _
Enter name or email address ' : y
, .y,
Biiuaind ol it nte n N o U [—
¢ PO ﬂ : ﬁ % @it il e _’;f'il;m..*v b
R
] | L =
k s £ Hm e
= - l-* B ‘L e
SEEEERE s
gttt F.| T
'—.—“’;’ﬁ"n—t (5-15'"":“4 //o *P =
= == e
=t "” . ¢
bridge
e wils NNNS\S O Swms 7/ 2 =
pat ?‘?&‘{f,$§§\§:§§$i‘§ﬂmn%?}%%‘%§ﬁ@@
SRR NS 4 AR SN i o eeseate 7
% A BRSNS e
|’ all videos x
3 items
- 3 /H .
;‘; v L L n p SR R -"‘ — e
B <
eaRm=—=n 0 |
et S e B BRI
= ;f-'-,i,L ’_ i§§i| ﬁ il?
bridge
S NIRRT IR SN A S A e
o e SOV
S e S NN N\ A s N


Guides

screenElements:
Side Navigation
Divider
Accordion

screenElements:
Side Navigation
Divider
Accordion
Dropdown Menu
Accordion

pageType: Marketing Marketing Marketing

screenKeywords:
))|-- Frame.io DEVELOPER DEVELOPER TOOLS v  DOCS v  COMMUNITY  SIGN OUT
* EXPAND ALL

Welcome
GETTING STARTED v You know you want to build something and you made it this far. Now what?
Welcome Developer Relations & 2 monthsago MR 4 minread
Key Concepts
Authentication

About Frame.io TABLE OF CONTENTS
OAUTH 2 APPLICATIONS < . ’ . . .

Frame.io is the cloud collaboration tool for professional video teams -- everything you need to keep the About Frame.io
C2C INTEGRATIONS < creative process moving, all in a single workbench, accessible from anywhere. With Frame.io, you can securely .

Frame.io Developer

upload, share, and review film projects, enabling your full operation to run at the speed of creativity. Platform

WORKFLOWS: ASSETS <
Camera to Cloud (C2C)

WORKFLOWS: PROJECTS < ) Program

Frame.io Developer Platform Frame.io Official SDKs
WORKFLOWS: ADMIN < ) _

Not every creative team, process, or software stack is exactly the same. That's where our Developer Platform Quick Start Guide
AUTOMATIONS: WEBHOOKS < comes in. The Frame.io Developer Platform allows you to handle common tasks using our APl. Some popular Building Blocks

use cases developers have used our API for include automatically adding existing files or folders to the
AUTOMATIONS: ZAPIER < Event-based Workflows

Frame.io app, uploading new content, and managing teams.
CUSTOM ACTIONS < Webhooks

Custom Actions

OTHER TOOLS <

Camera to Cloud (C2C) Program Join the Developer

Community

TROUBLESHOOTING < . . . . . . . .

Camera to Cloud is a unique type of integration. These integrations are purpose built for any device or

application that is generating data. If you are building a C2C integration then you will want to use the C2C

Integration guides. There you can find all the information you need to get started connecting to the cloud with

Frame.io!

Frame.io Official SDKs

e Python SDK: Frame.io offers an SDK in Python to make getting started with our API easier, including
|Frame.io DEVELOPER DEVELOPER TOOLS v COMMUNITY  SIGN OUT
Guides
API Reference
B R oy Changelogs
B N M?th
uild your own S\
- Wl T Neignal
p Cloud Device Setup Concel [
| ATES a device authorization grant sequence using ‘config'. Payload
| ires a device-unique "client_id", the Frame.io provided "client_secret"
Authorize this external device to a list of requested authorization "scopes”.
‘ integrate with this Frame.io project? I“h“io" elctes sR200) Meenyeinecirne
. | ‘device_code™ unique identifier provided by the server for this
Frame.io customers and partners can use our REST APIs B e S R
R user_code’: A small, unique code provided by the server for this
to create custom workflow solutions and app [ ) O ranand LA aner T S e e
integrations. The new Camera to Cloud devices API incomats "8 (000! (Svase batmean petting cycies.
enables you to embed the power of Frame.io in your o - t;b:?fyg":’::?:ii:;?"ii;s
hardware devices, extending the software tools and
65565504302 h:(}/oauth2/device". ( config['host"], config["port"] )
workflows that keep teams connected and working ond T
) conf?g‘ ent
together. Eratesh. o
L = ,p;sc( url, datas=| )
o R |
START BUILDING (3 —_—
C2C Device Int ti
Our reference implementations provide a fast and easy
way to get started connecting your device to Frame.io.
|))|-- Frame.io DEVELOPER DEVELOPER TOOLS v  DOCS v  COMMUNITY  SIGN OUT
* EXPAND ALL
Welcome
GETTING STARTED v You know you want to build something and you made it this far. Now what?
Welcome Developer Relations & 2 monthsago MR 4 minread
Key Concepts
Authentication
About Frame.io TABLE OF CONTENTS
OAUTH 2 APPLICATIONS v L ’ . . .
Frame.io is the cloud collaboration tool for professional video teams -- everything you need to keep the About Frame.io
OAuth 2 Code Authorization Flow creative process moving, all in a single workbench, accessible from anywhere. With Frame.io, you can securely )
o Frame.io Developer
Building an OAuth 2 App upload, share, and review film projects, enabling your full operation to run at the speed of creativity. Platform
Refreshing OAuth 2 Tokens Camera to Cloud (C2C)
Program
C2C INTEGRATIONS < Frame.io DeveloPer Platform Frame.io Official SDKs
Not every creative team, process, or software stack is exactly the same. That's where our Developer Platform i i
WORKFLOWS: ASSETS < v P Y P Quick Start Guide
comes in. The Frame.io Developer Platform allows you to handle common tasks using our APl. Some popular Building Blocks
WORKFLOWS: PROJECTS < use cases developers have used our API for include automatically adding existing files or folders to the
Event-based Workflows
. Frame.io app, uploading new content, and managing teams.
WORKFLOWS: ADMIN < Webhooks
AUTOMATIONS: WEBHOOKS < Custom Actions
Camera to Cloud (C2C) Program Join the Developer
AUTOMATIONS: ZAPIER < -
Community
Camera to Cloud is a unique type of integration. These integrations are purpose built for any device or
CUSTOM ACTIONS < L . . - . . .
application that is generating data. If you are building a C2C integration then you will want to use the C2C
OTHER TOOLS < Integration guides. There you can find all the information you need to get started connecting to the cloud with
Frame.io!
TROUBLESHOOTING <
Frame.io Official SDKs
e Python SDK: Frame.io offers an SDK in Python to make getting started with our API easier, including


Sharing a link

actions:
Sharing
Copying & Duplicating

screenElements:
Dialog
Text Field

screenElements:
Toast
Dialog
Text Field

screenPatterns:
Acknowledgement & Success
Share

screenKeywords:
¥ Link copied to clipboard!

Share 1 item x
bridge.mp4
Sharing  Settings  Watermark
Link access

f.io/f0Ye12ur %4 & Public v
Add people

Enter name or email address
Save settings
Saves link access type, asset sorting preferences, and reviewer
permissions for your next Share.
|Share 1 item x
bridge.mp4
Sharing  Settings  Watermark
Link access
f.io/f0Ye12ur %4 & Public v
Add people
Enter name or email address
Save settings
Saves link access type, asset sorting preferences, and reviewer
permissions for your next Share.


Copying code snippet

screenElements:
Banner
Table of Contents

screenElements:
Banner
Table of Contents
Accordion

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
))p- Frame.io DEVELOPER DEVELOPER TOOLS ¥ DOCS v  COMMUNITY  SIGN OUT
x EXPAND ALL i
Without PKCE TABLE OF CONTENTS
GETTING STARTED ¢ If you're not using PKCE, your callback must include an Authorization header thatincludes your CLIENT_ID
and CLIENT_SECRET. Application basics
OAUTH 2 APPLICATIONS v Invoking the auth server
OAuth 2 Code Authorization Flow
Python Copied! ® The callback
Building an OAuth 2 App Without PKCE
Refreshing OAuth 2 Tokens 1 def callback(): With PKCE
2 state = request.args.get('state')
C2C INTEGRATIONS < 3 scope = request.args.get('scope') Successful response
4 code = request.args.get('code')
WORKFLOWS: ASSETS < 5 error = request.args.get('error')
6
WORKFLOWS: PROJECTS < 7 if error:
8 return "Error: " + error
WORKFLOWS: ADMIN < 9
AUTOMATIONS: WEBHOOKS < 10 # Set up for client authorization and set up the data you need to send.
11 client_auth = requests.auth.HTTPBasicAuth(CLIENT_ID, CLIENT_SECRET)
AUTOMATIONS: ZAPIER < 12
13 post_data = {
CUSTOM ACTIONS < 14 "grant_type": "authorization_code",
15 "code": code,
OTHER TOOLS < 16 "redirect_uri": REDIRECT_URI,
n 1"
TROUBLESHOOTING < L Searet's StEEa,
With PKCE
If you're using PKCE, your callback must notinclude an Authorization header, but mustinclude your
CLIENT_ID inits POST request body when calling back to the TOKEN_URL .
Python [}
|))p- Frame.io DEVELOPER DEVELOPER TOOLS ¥ DOCS v  COMMUNITY  SIGN OUT
x EXPAND ALL i
Without PKCE TABLE OF CONTENTS
GETTING STARTED ¢ If you're not using PKCE, your callback must include an Authorization header thatincludes your CLIENT_ID
and CLIENT_SECRET. Application basics
OAUTH 2 APPLICATIONS v Invoking the auth server
OAuth 2 Code Authorization Flow ython ® The callback
Building an OAuth 2 App Without PKCE
Refreshing OAuth 2 Tokens 1 def callback(): With PKCE
2 state = request.args.get('state')
C2C INTEGRATIONS < 3 scope = request.args.get('scope') Successful response
4 code = request.args.get('code')
WORKFLOWS: ASSETS < 5 error = request.args.get('error')
6
WORKFLOWS: PROJECTS < 7 if error:
8 return "Error: " + error
WORKFLOWS: ADMIN < 9
AUTOMATIONS: WEBHOOKS < 10 # Set up for client authorization and set up the data you need to send.
11 client_auth = requests.auth.HTTPBasicAuth(CLIENT_ID, CLIENT_SECRET)
AUTOMATIONS: ZAPIER < 12
13 post_data = {
CUSTOM ACTIONS < 14 "grant_type": "authorization_code",
15 "code": code,
OTHER TOOLS < 16 "redirect_uri": REDIRECT_URI,
n 1"
TROUBLESHOOTING < L Searet's StEEa,
With PKCE
If you're using PKCE, your callback must notinclude an Authorization header, but mustinclude your
CLIENT_ID inits POST request body when calling back to the TOKEN_URL .
Python [}
|))|-- Frame.io DEVELOPER DEVELOPER TOOLS ¥ DOCS v  COMMUNITY  SIGN OUT
x EXPAND ALL
Building an OAuth 2 App
GETTING STARTED < This guide walks through the basics of building an OAuth 2 App.
OAUTH 2 APPLICATIONS v Developer Relations & 10 monthsago MR 3 min read
OAuth 2 Code Authorization Flow
Building an OAuth 2 App . ) ) TABLE OF CONTENTS
Refreshing OAuth 2 Tokens This guide assumes you've already registered an OAuth 2 app
If not, please refer to OAuth 2 Code Flow to configure your application. Application basics
C2C INTEGRATIONS < .
Invoking the auth server
WORKFLOWS: ASSETS < The callback
WORKFLOWS: PROJECTS < Application baSiCS Without PKCE
i i . . . . . With PKCE
WORKFLOWS: ADMIN < Note: you should store your client_id and (if not using PKCE) client_secret safely and access them via
your environment. The below examples assume the presence of a .env file containing the variables CLIENT_ID Successful response
: <
AUTOMATIONS: WEBHOOKS and CLIENT SECRET.
AUTOMATIONS: ZAPIER <
CUSTOM ACTIONS < Python =]
OTHER TOOLS < 1 dmport urllib, requests, requests.auth
2 import os
TROUBLESHOOTING < 3
4 CLIENT_ID = os.environ.get('CLIENT_ID')
5 CLIENT_SECRET = os.environ.get('CLIENT_SECRET'")
6
7 AUTHORIZE_URL = "https://applications.frame.io/oauth2/auth"
8 TOKEN_URL = "https://applications.frame.io/oauth2/token"
9 # The scopes you've chosen for your app, space-delimited
10 SCOPE = "offline account.read asset.read"
11 # The callback URI for your app
12 REDIRECT_URI = "https://yourapp.domain/callback"
|))|-- Frame.io DEVELOPER DEVELOPER TOOLS v  DOCS v  COMMUNITY  SIGN OUT
* EXPAND ALL
Welcome
GETTING STARTED v You know you want to build something and you made it this far. Now what?
Welcome Developer Relations & 2 monthsago MR 4 minread
Key Concepts
Authentication
About Frame.io TABLE OF CONTENTS
OAUTH 2 APPLICATIONS v L ’ . . .
Frame.io is the cloud collaboration tool for professional video teams -- everything you need to keep the About Frame.io
OAuth 2 Code Authorization Flow creative process moving, all in a single workbench, accessible from anywhere. With Frame.io, you can securely )
o Frame.io Developer
Building an OAuth 2 App upload, share, and review film projects, enabling your full operation to run at the speed of creativity. Platform
Refreshing OAuth 2 Tokens Camera to Cloud (C2C)
Program
C2C INTEGRATIONS < Frame.io DeveloPer Platform Frame.io Official SDKs
Not every creative team, process, or software stack is exactly the same. That's where our Developer Platform i i
WORKFLOWS: ASSETS < v P Y P Quick Start Guide
comes in. The Frame.io Developer Platform allows you to handle common tasks using our APl. Some popular Building Blocks
WORKFLOWS: PROJECTS < use cases developers have used our API for include automatically adding existing files or folders to the
Event-based Workflows
. Frame.io app, uploading new content, and managing teams.
WORKFLOWS: ADMIN < Webhooks
AUTOMATIONS: WEBHOOKS < Custom Actions
Camera to Cloud (C2C) Program Join the Developer
AUTOMATIONS: ZAPIER < -
Community
Camera to Cloud is a unique type of integration. These integrations are purpose built for any device or
CUSTOM ACTIONS < L . . - . . .
application that is generating data. If you are building a C2C integration then you will want to use the C2C
OTHER TOOLS < Integration guides. There you can find all the information you need to get started connecting to the cloud with
Frame.io!
TROUBLESHOOTING <
Frame.io Official SDKs
e Python SDK: Frame.io offers an SDK in Python to make getting started with our API easier, including


Hiding completed comments

screenElements: Tooltip Tree

screenPatterns:
Other Action
Comments

screenKeywords:
< Back bridge.mp4 . © No Status v e v
Jane Doe uploaded 51min ago
- (no description) Hide completed comments
‘ Timecode v Q ¢ Hide®
. e Jane Doe 5min ®
00:01 I really like this part @
Reply ity
o Anna 1min
me too!
il .
2. 2% r R sl . . n ok D — B Sl PRt N R N g N PR Reply s 1
‘§ = T S Py l"ﬂ ‘k 1 B SRS R e T ; ' TRy
T 8 { < 1R R N U e OB L A B . A S i
B = | A Bt - e e
> s :_/«r" ’ P
==,
i l
—_— oot l : ' =
) }- -4 = . B I g
— = e = - P> =
—eppe-t 11y - J S 3
e = |' e
T - —f'_"' /// - U
N! & : y|'> 3 o :
R ‘Jﬁ.ﬁg..—ﬂ = 2 &
|
o
P2 x @ 00:01/00:02 v 1080p"° £3 i1
® 00:01 @ Everyone v % ©® -
|< Back bridge.mp4 . © No Status v e v
Jane Doe uploaded 52min ago
A (no description)
/ .‘ Q & 9on0
-~ S
5 (& e 1 . 775 =S Ao P SN T e L o) o Y F i =
SRR B | <
SRR ey . = I BRI EERRERRRE D o e Sssa
S - e :_,«r" , o
=" &
' D Vi —
i 3 | | ‘ 4 E —
1 i3 = e | & | )'///
=l i = : o >
B — e O g O YR, - 2.
— =1 _p= -J — =1, |' e No comments found. Click here
e - T // - . to remove filters
N! ’ ol ] e =
k = e - . @
|
P 2 x 9 00:01/00:02 v 1080p"™° £3 I3
o 2ave
® 00:01 @ Everyone v % ©® -
|< Back bridge.mp4 . © No Status v e v
Jane Doe uploaded 50min ago
A (no description)
‘ Timecode v Q ¢ Hide ®
. e Jane Doe 4min
00:01 I really like this part @
Reply ity
o Anna Just now
me too!
. " .
alae L B N T
SRR - B
SEEL LR . *. N R ST e 0 e e
aee==__gn.
i I
i 3 | | ‘ 4 E —
] == \ & | -3 ] op )f///
——— s 1 ! fr =N : = - 5
e e S g Y, 2 »
B e e L e it - ;
- - y —— —— - ’ £ ! ..-
]| »
N! bl e
|- = e - R
|
o
P2 x @ 00:01/00:02 v 1080p™ €3 I3
o
® 00:01 @ Everyone v % ©® -


Looping a video

screenElements:
Animation & Video
Progress Indicator

screenElements:
Tooltip
Animation & Video
Progress Indicator

screenPatterns:
Other Action
Video Player

screenKeywords:
\ ! > R e —— e T B N
Share 3 items ; ” & =30l S = o o al e /
i £y 4 &V " - v 5
J E = o B J g, S 2/ E P - - ‘,’ 2 s S RN = »
2257 ke i A2 o ALY7 "f;"%‘. : fi P “» e 8 I XS s [ A" | ]
Sharing + changi
Link access
% Public v
//C; =l
—
Invite by email / >
L — = »
Enter name or email address T‘,.._——f’,‘:‘: —— = p
- \ - = ‘\_I
2 S
Loop
]| x  d) 00:19/00:21 v 1080p"> 532
flying
|W 7 7 RS e, SRS F8 N = - \
.‘ » — '3 4 Pty 6"..“ S a ~ - LY . -" . ? a
. \ \ A migr _ o ; P ls
Share 3 items z - 3 i = sy R TR ol /
i/ £y 2 & P g - 5 | B ™~ g
; 1 : £ & heos S Y/ \ . s - > ~ SRS =
" =257 ik i 2 AALYT "f;n- : fi Poi i ‘& e 8 Iy XSRS s &= |
Sharing + changi
Link access
% Public v
Invite by email — ,/ >
R s
Enter name or email address —;—< = P
\\ / e
\ )
Loop
I 2 x @9 00:11/00:21 v 1080pH° 52
flying
|\ ! =~ Dt 1 T ¥
Share 3 items ' Z L o VAN R ' X
AT S : i 3 o
- - ] : Y, . g 5 — o JET : SR LSS P
root * 27 s 3’2 , Vdage W O e Seth i [ i \
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2z0LVACI @ &  Public v
— / /.
i b - — = o o
Enter name or email address = —r /_ =
N i
I 2 1x € 00:03 1080p> 52
flying


Keyboard shortcuts

screenElements:
Dropdown Menu
Keyboard Key

screenElements:
Drawer
Keyboard Key
Tab

screenElements: Icon Tab

screenElements:
Keyboard Key
Link

screenElements:
Select
Drawer
Keyboard Key
Tab
Icon
Tab
Keyboard Key
Link
Dropdown Menu
Keyboard Key

screenPatterns: Misc Misc Misc

pageType: Application Application Application Application Application Application Application

screenKeywords:
gy Oy v T &4 @ [®) Drafts / Untitled v ' - & > 100% v
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Essential Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components Layout
Measure to selection Deep select Resize from center
Resize proportionally IE]
Duplicate selection Deep select within rectangle Crop (images)/Ignore constraints (frames)
|Hv O %« T 8 & O Drafts / Untitled o8 » > oo
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Chinese
Danish
Finnish
French AZERTY
German QWERTZ
Italian
Japanese (Kana)
Korean
Norwegian
Portuguese
Spanish
Spanish (Latin America)
Swedish
U.K. (Mac)
UK. (PC)
Essential Too U.S. Dvorak xt Shape Selection Cursor Edit Transform Arrange Components Layout
U.S. QWERTY
oo G I o o o e e e e e
I Y| | | Y 52 Y | Y
[ = J[AEIRIEE MMM G ]
[ MBI MG ]
oo OEEC__ 5E
|gy Oy v T &4 @ [®) Drafts / Untitled v ' - & > 100%
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Essential Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components Layout
Essential keyboard shortcuts
Show/Hide Ul Pick color Quick actions...
Press it now to quickly hide the panes Grab a color from elsewhere without Search through menus, commands,
and focus on your work losing your flow and plugins
|gy Oy v T &4 @ [®) Drafts / Untitled v ' - & > 100%
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Essential Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components Layout
HNEEEEEDNEEEEC]
4 » - ElDnnnRRnannne)
Figma keyboard shortcuts won't automatically change if you change your system
(eypoara et e J[AL1lIE L] =] [ Le
[ JEEEMEMMIICIECe ]
T . 1]
|gy Oy v T &4 @ [®) Drafts / Untitled v ' - & > 100%
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Essential Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components Layout
V> Move tool T Texttool ) Add comment
T Frame tool [] Rectangle tool IE] A Pick color
W Pen tool E] (O Eliipse tool IE] A Slice tool
/2 Pencil tool IE]E] / Line tool
/" Arrow tool IE]
|gy Oy v T &4 @ [®) Drafts / Untitled v ' - & > 100%
Layers Assets Page 1 Design Prototype Inspect
Background
FSFSFS 100% ®
Local styles +
Export +
Essential Tools View Zoom Text Shape Selection Cursor Edit Transform Arrange Components Layout
Keyboard ayout: Generlo - ] [)0s][e] [e](][=]-]
I Y| | | Y 52 Y | Y
[ = J[AEIRIEE MMM G ]
[ MBI MG ]
— . ]
|B v oY [y W~ T 34 @ D) Drafts / Untitled v J Share &P > 100% v
Back to files Design Prototype Inspect
Q  Quick actions... 8/ Background
. FSFSFS 100% ®
File 4
Edit >
Local styles
View > v +
Object >
Text > Export +
Arrange >
Vector 4
Plugins >
Widgets >
Preferences >
Libraries
Get desktop app
Help and account > Help page
Keyboard shortcuts ~?
Support forum
Video tutorials
Release notes
Open font settings
Legal summary
Account settings
Log out


Product updates

screenElements:
Badge
Animation & Video

pagePatterns:
Releases & Changelog Page
Releases & Changelog Page
Releases & Changelog Page

screenKeywords:
)))I Frame-io release notes

Introducing New Frame.io Updates

For November 2022, we're releasing six new feature enhancements. These
improvements help users customize review links in new ways, improve
comment editing, and make it easier to review and approve PDFs. Most
importantly, they're the result of feature requests from customers like you.
Here’s what's new:

« Edit the location or range of a comment after it's been submitted.

« Smart share settings that remember your most recent review link
customizations.

- Sort assets in review links by name, upload date, file size, or custom order.
« Expanded recipient auto-suggests when sharing review or presentation
links.

» Sort comments on PDFs by page number.

« Administrative setting to allow or disallow team members from adding
additional collaborators to projects (Enterprise accounts only).

No actions are needed to enjoy all these new features on the web app.

We hope you enjoy these new features! Please email support@frame.io with
any questions.
|)))I Frame-io release notes

Introducing Camera to Cloud for everyone,
Apple TV, and more

For April 2022, we're releasing a Frame.io for Apple TV, DRM and 2FA for
content and identity protection, a brand new Baselight integration, and
Camera to Cloud support for DSLR, mirrorless, iPhone, and Android cameras.
Frame.io app for Apple TV: Open your secure Frame.io Enterprise Inbox in the
new Apple TV app and start watching 10-bit 4K HDR content on any big-
screen television. Simply use the Apple remote to jump between clips in your
inbox, loop clip playback to take a closer look, or autoplay through an entire
folder of dailies.

Users find the Frame.io app for Apple TV in the Apple TV app store.

Camera to cloud: Camera to Cloud now works with virtually every camera and
unlocks even more custom workflows. Large crews shooting with digital
cinema cameras, small crews using DSLR and mirrorless cameras, or even a
vlogger out and about with their iPhone can now use Camera to Cloud to turn
projects around faster.

DRM: Copy protection for your most valuable pre-release content. Block
unauthorized viewing and sharing of your content on Frame.io while still
giving team members the freedom to do their jobs. Frame.ioemploys a multi-
DRM solution to encrypt all the video uploaded to an Enterprise account.
Decryption for authorized viewing occurs only within the Frame.ioweb,
iPhone, or Apple TV apps.

2FA: Hacking, phishing, and other attempts to steal your password are facts
of life. In addition to username and password, two-factor authentication (2FA)
provides an additional laver of security to make sure users reallv are who thevy
|)))l Frame-io release notes

o . o SAL ¥
Frame.io for iPad is here #&
The wait is finally over.

. ¥ W FULLSPOT v2mow
- , B vt oss
h s
B v -
Ly o L A | Py -
0. DA R REZE =
R ——e—_" 1) N 4 =}

If you've used our iPhone app, you know that it’s great for keeping up with
what’s happening on the set or in the edit suite when you’re on the move.
Whether you need to review the most recent work-in-progress or give
approvals, you can stay totally looped in from anywhere.
But for those times when you need to make more critical decisions, bigger
really is better. Whether you're watching dailies, evaluating VFX shots, or you
just want to get a better sense of composition and color, not only does
Frame.io for iPad make your mobile experience more flexible, it's another step
toward giving you the ability to view color-accurate footage in the field by
leveraging Apple’s high quality iPad displays.
iPad also does more than just enhancing the mobile experience with Frame.io.
It works as a complement to your desktop environment by increasing its
functionality in truly powerful ways.
[N PR D


Community profile

screenElements:
Dropdown Menu
Avatar
Icon

screenPatterns:
Empty State
My Account & Profile

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

screenPatterns:
My Account & Profile
My Account & Profile
Home
Empty State
My Account & Profile

screenKeywords:
@ - Community Q Publish Jal @ -

0 Resources Likes

John

@813e7ad8_e734_4

Generate ‘Lorem ipsum’ to fill you text layers with
. dummy text.Select all the text layers you want to...

1follower O following
a Lorem Ipsum @25k [7 496k
R Dave Williames

Contact creator support

@ Your profile is visible to the public at
figma.com/@813e7ad8_e734_4
|@ - Community Q Publish Jal <j} v
.ED /
0 Resources Likes
J o h n Contacts
@813e7ad8_e734_4 ) Q
& Name ‘ Nama John
B rame m (- R g e, |
1follower O following
Contacts App Qo0 [70
John
Contact creator support
@ Your profile is visible to the public at
figma.com/@813e7ad8_e734_4
|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
|@ - 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


Importing file to Figma

screenElements:
Side Navigation
Tab

screenElements:
Dialog
Loading Indicator
Button

screenElements:
Button
Side Navigation
Tab
Dialog
Loading Indicator
Button

screenPatterns:
Import & Export
Acknowledgement & Success
Home
Import & Export

screenKeywords:
Importing to Figma design X
v jose-alejandro-cuffia-k1ILNP6dnyAE-unsplash.png
File imported successfully
|John P 0
gB jsmith.mobbin@gmail.com M Q @ Explore Community Q (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= DETY Team ' B .f —
Favorite files Dlagram — sync meeting - - !
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 vﬂl)
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
Lw ' * “\
e oA
Contacts —
» '
. - . - H = - ' . ‘ m
ko9 W W
. ; ey ﬁ
o . - i ]
jose-alejandro-cuffia-k1ILNP6dnyAE-unsplash Contacts App FigJam Basics
Edited just now Edited just now Edited 19 minutes ago
. Download desktop app X ] === : - o : G
|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
|Importing to Figma design X
‘.‘_A" jose-alejandro-cuffia-k1LNP6dnyAE-unsplash.png
Importing file...


Editing account name

screenElements:
Dialog
Text Field
Button

screenPatterns:
Edit
Settings & Preferences

screenKeywords:
. i 2
)l' frameio v jdoe.mobbin@gmail.com :
Back to App Branding
Account name
JDTeam 2
Account Settings
Account logo
Users & Teams
Groups
Branding
Billing Selected team
Jane'sTeam ¢
Email / Password Team name
Profile Jane'sTeam
Notifications Team logo
This will appear in Presentation pages and in your project dashboard.
Apps & Integrations
Connected Apps
Tokens
Branded email notifications
Actions . . . P . ; .
Add your logo and choose colors that will appear in all email notifications regarding your team’s projects.
Apps Accent color
I L Y T
|. i ?
)l' frameio v jdoe.mobbin@gmail.com )
Back to App Branding
Account name
Jane's Account  /
Account Settings
Account logo
Users & Teams
Groups
Branding
Billing PR Edit account name
Jane'sTeam ¢
Jane's Account
Email / Password Team name
Cancel
Profile Jane's Team ¢
Notifications Team logo
This will appear in Presentation pages and in your project dashboard.
Apps & Integrations
Connected Apps
Tokens
Branded email notifications
Actions . . . o . ) .
Add your logo and choose colors that will appear in all email notifications regarding your team’s projects.
Apps Accent color
S a2 e
|. i ?
)l' frameio v jdoe.mobbin@gmail.com )
Back to App Branding
Account name
Jane's Account  /
Account Settings
Account logo
Users & Teams
Groups
Branding
Billing PR Edit account name
Jane'sTeam ¢
JD Team
Email / Password Team name
Cancel
Profile Jane's Team ¢
Notifications Team logo
This will appear in Presentation pages and in your project dashboard.
Apps & Integrations
Connected Apps
Tokens
Branded email notifications
Actions . . . o . ) .
Add your logo and choose colors that will appear in all email notifications regarding your team’s projects.
Apps Accent color
S a2 e
|. i 2
)l' frameio v jdoe.mobbin@gmail.com :
Back to App Branding
Account name
Jane's Account
Account Settings
Account logo
Users & Teams
Groups
Branding
Billing Selected team
Jane'sTeam ¢
Email / Password Team name
Profile Jane'sTeam
Notifications Team logo
This will appear in Presentation pages and in your project dashboard.
Apps & Integrations
Connected Apps
Tokens
Branded email notifications
Actions . . . P . ; .
Add your logo and choose colors that will appear in all email notifications regarding your team’s projects.
Apps Accent color
I L Y T


Leaving a project

screenElements: Dialog Button

screenElements: Banner Button

screenElements: Dialog Button Banner Button

screenKeywords:
Jane's Account + Jump to project o file... 6daysleft Upgrade & # 2
h .
6 See J Demo Project < N0 - New
v Jane's Team + Media 6items, 1.51GB Custom v = eee
Demo Project
o, Y, Download all
. = 5
Traveling a8 = ' ” :_% T Recently deleted
i ‘ - = 5 AN % Project settings
1 00:53 01:25 ik il 00:02 i T i ;
o \ ) ok il e Ty (> Leave project
60 Second Cut.mp4 Full Spot - Graded.mp4 bridge.mp4 [COPY] Locations i = Archive project
Emery - Feb 1st, 2019 ®4 Emery - Feb 1st, 2019 ®7 Jane D - Today, 11:16am 4 items 4 .
T Delete project
My Way by Tayha - MusicB...
Emery - Feb 2nd, 2019 ®3
|Leave the project?
Are you sure you want to leave Demo Project? This
project will remain visible to you, but you will no longer
receive notifications.
Cancel
|Jane's Account « Jump to project or file... 6daysleft Upgrade & # 2
h A
6 See J Demo Project B < QN9 - New v
v Jane's Team + Media REVEWARS Presentations C2C Connections 6items, 1.51 GB  Custom v =  eee
Traveling 8
Archived project ] #})
v Archived projects ~i
& Demo Project ‘ ’ e A A &
R " — : n
= 00:53 = 01:25 5 - 00:02 e TR +2 = =
— g aafh W e
60 Second Cut.mp4 Full Spot - Graded.mp4 bridge.mp4 [COPY] Locations Pre-Production
Emery - Feb 1st, 2019 ®4 Emery - Feb 1st, 2019 ®7 Jane D - Today, 11:16am 4 items 4 items
My Way by Tayha - MusicB...
Emery - Feb 2nd, 2019 ®3
You are viewing an archived project. Learn more Unarchive


Watermark

screenKeywords:
Share 3 items < x
all videos Download All
3 items
Watermark -
Apply W. kID flyin
pply Watermar Autoplay ying 5 o5
e B i £ Ererres Uploaded on Dec 30,2022 at 11:16am
plan add-on ¢ ————— —
Click here to learn more. >/’/7/
/ L ‘/‘.' -
g : o e e
\ ' >
< m 4
P\ . = A) - s
i i i — o
]
|Share 3 items < x
alvideos
3 items
Watermark -
flyin
Apply Watermark ID iy ying 30of3
Uploaded on Dec 30,2022 at 11:16am
// = .
— "
—_— = p =1
>/
- = i it
> >
{ - TN
‘h_—
= U . - —
- i =
|Share 3 items < X
a” Videos Download All
3 items
Settings +
flying
Allow downloads [ ] Autoplay @ 30f3
Uploaded on Dec 30,2022 at 11:16am
Passphrase protect () —_— — =
/'/’t'//'/;; e
LLITTYTTYYTY ) © /,,,,y//' = >
// =
/,,/_'///// - :
Link expiration [ ] //"</— = 3
Jan 6, 2023 at 9:26am e
Py
P\ . N S S -
e ) - — -
o ——
[ ]


Changing playback speed

hotspotType: Slide

screenElements: Popover Slider

screenElements: Tooltip Popover Slider

pageType: Application Application Application Application Application Application

screenKeywords:
- SN . 7ot TR . ]if_\‘l‘.\—// 5 BRY ESE SN < 2 \
Share 3 items . | - % =il AR =l .- Ew
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
fio/2zoLVACI @ &  Public v
Invite by email / //
— / P
Enter name or email address — = ’
R -
B Playback Speed
il x4 00:04 1080p*°> %2
flying
|\ ! > R e —— e T B N
Share 3 items ; ” & =30l S = o o al e /
i £y 4 &V " - v 5
J E = o B J g, S 2/ E P - - ‘,’ 2 s S RN = »
2257 ke i A2 o ALY7 "f;"%‘. : fi P “» e 8 I XS s [ A" | ]
Sharing + changi
Link access
% Public v
//C; =l
—
Invite by email / >
L — = »
Enter name or email address T‘,.._——f’,‘:‘: —— = p
- \ - = ‘\_I
2 S
Loop
]| x  d) 00:19/00:21 v 1080p"> 532
flying
|Share 3 items : b & =i - et T — e Rl g /
i, Y 4 Ve g e AL R 4
2 . = - B J I A \ S N ‘: S r R . « £
=27 e i 72 ALY "f;"%‘. : fi P ‘& e 3y R | - —f 7l
Sharing + changi
Link access
% Public v
/ =
Invite by email e >
R = iy
Enter name or email address I — = _
- < /
i 0.6x  4) 00:19/00:21 v 1080p"> %2
flying
|Share 3 items ” - 7 o T3 v 7 R il /
b | & | - /% ) 4 % 9 X TR \ ) N
root W 227 & 2 R il "f:y"- : fi T g »“~5’¢!‘; g NN &= |
. . " .
Sharing  Layout  Settings = Watermark changl
Link access
f.io/2zoLVACI %4 Public v
= A
Enter name or email address i ey
\_i ) 3
— 3 TN
i \ ey
|
Playback Speed - T )
0.25 0.5 0.75 Normal 1.25 1.5 1.75
| @ | | | | i . 2l ik L h -
1] 0.6x  4) 00:15 1080p =2
flying
|B ! - § .‘/'ﬂ‘ - - <e‘1r\'¥———//‘ —*“"?" ] oD S, 2 \
Share 3 items . - 7 e ENG Y S R TR o /
b7/ LR 2, 4 D £ . > _— ¥ y
; 3 R £ & ey 8 Y/ \ a gl - ol P a B3 S
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2zoLVACI % Public v
=
Enter name or email address — L
- \ ‘ .
[ >
[ -
Playback Speed
| 1 | | | | |
1] x  4) 00:13 1080p"°  E3
flying
|- AN 7 e ~ Igf_\ﬂ‘.\—// 5 BRY ESE SN < 2 \
. - ¥ Fon Ty Ao AN e — T R ES
. \ Lt S S g I ~ = 4 5 ® 3y {
Share 3 items ] g -~ ¥ i e et ) ‘> = R - § y
) . oL g ¥ - 4 :‘j__ - " A o~ /
: - ; : sy "~ g ; e N gl BE Y = & = B
root * Z 7 ks J .. ’ Vikge: " Ny R - O e ""."“":.'. ""L 85 \ L3 > i \
i i g H
Sharing  Layout  Settings = Watermark changl
Link access
f.io/2zoLVACI %4 Public v
/ n
//
Enter name or email address — = = e
- - 3 ;\ ./‘
\ .
_i =
Playback Speed
0.25 0.5 0.75 Normal 1.25 1.5 1.75
| | | o | | | ‘ |
11 1x o) 00:09 1080p e
flying


Join Requests

screenElements:
Illustration
Button
File Upload

screenPatterns:
Empty State
Upload & Download

screenElements:
Avatar
Tooltip
Popover
Illustration
Button
File Upload

screenPatterns:
Other Action
Empty State
Empty State
Upload & Download

screenKeywords:
Jane's Account + Jump to project or file... 6daysleft Upgrade & @ # ?
Q Search J Traveling Join Requests
v e + Media Review Links Presentations C2C Connections John Doe -
Demo Project g
. - ::;;jff"‘;’ ' ) a - NV ' 5
Traveling a8 _— S )\ S
~ | 3 e 7‘53,_2 i | il
L = et » i
. B SN <
‘ o [58- F ¥ ]
s P IR S - .i‘i“ 00:13
(3 PERLI e RS = )
bridge.mp4 changi.mp4 flying.mp4
Jane D - Today, 11:16am ®2 Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account + Jump to project or file... 6 days left  Upgrade . V2 ?
h o
R [ Taveling 2 0 e
v Jane's Team + Media REVEWARS Presentations C2C Connections 3items, 49.66 MB  Custom v = eee
Demo Project
Traveling a8 b.\- £ N >
a2 SRl sl
— A e LA - —
. )i
>~ [ e T )
:02 L SRR 2 T g 00:13 °
1 - 800 ' 1.~f o> e 99:;3 ) m
bridge.mp4 changi.mp4 flying.mp4
Jane D - Today, 11:16am ®2 Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Q Search J Traveling Join Requests
v Jane's Team + Media
Demo Project
Traveling a8
It's empty in here!
Drop files and folders to begin.
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Qs [ Tveing + @ -
v Jane'sTeam + Media Review Links Presentations C2C Connections No items,0B Custom v E s
Demo Project
Traveling a8
It's empty in here!
Drop files and folders to begin.


Deleting a team

screenElements:
Text Field
Button

screenElements:
Text Field
Button
Toast
Dialog
Text Field
Button
Divider

screenPatterns:
Delete & Deactivate Account
Confirmation
Acknowledgement & Success
Delete
Confirmation
User / Group Profile
Settings & Preferences

screenKeywords:
Delete Acme? X
This will permanently delete the team Acme. Deleting
this team will delete all associated data, such as
projects, files, prototypes, for all users.
You have 28 days to undo this operation by following
instructions that will be sent to your email.
To confirm, please enter the name of the team.

Acme
|John P 2N
$  Lemitnmobbinegmaiicom v Q @ Explore Community O @) v
You have deleted the team Acme
(® Recents Recently viewed
[ Drafts
ew design tile ew FigJam tile mport Tile
® New design fil + N New FigJam fil + E | t fill
@ 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 b= Daily Team ' = .f
Favorite files Dlagram — sync meeting g =
i} _ basics in agenda = === = Sy Pl e T
Hover over any file and click the star to Fi J m = = '
add it here g a E—— .
B o
/3
Teams Diagram basics in FigJam Daily Sync Template Team meeting agenda User persona Empathy map
-+ Create new team All files v Last viewed v oo |=
eader 1 e st
=
Contacts ‘
ador 2
® - o ! f— .
Pl . s - Build your own
— team library
_ Don't reinvent the wheel with every
Cont acts ‘ o P R A DD
m . . and components across files, with
— — everyone on your team.
Contacts App o > Contacts App - Page 1 John's team library
In Drafts - Edited 9 minutes ago 1 hour ago In Team project - Edited 20 hours ago
. G
. Download desktop app X \® A4/
|Delete Acme? X
This will permanently delete the team Acme. Deleting
this team will delete all associated data, such as
projects, files, prototypes, for all users.

You have 28 days to undo this operation by following
instructions that will be sent to your email.

To confirm, please enter the name of the team.
|John "
(e R R i Q @) Explore Community o @ v
(® Recents
B prfe Acme New project E]
Starter team
Ready to go beyond this free Projects Members Settings
plan? Upgrade for premium
features.
Acme Change team name Acme >
Change your team's name
Change team icon N
Favorite files Add or change your team’s logo or icon that appears on the team page and side navigation
Hover over any file and click the star to
add it here
Set team profile handle N
Add or change your team’s public handle
Teams
B Acme Free Delete team N
Permanently delete this team and all resources within
Team project
—|— Create new team
Team libraries Enable libraries N
Enable and set default team libraries for all team files
Plan and billing Upgrade your plan
Upgrade to the Professional plan or to an Organization and get access to shared team libraries, advanced >
security features and more...
. Download desktop app X 0


Removing users

screenElements: Checkbox Button Drawer

screenPatterns: Confirmation Delete

screenElements: Checkbox Button Drawer Dialog Button Toast

screenPatterns:
Select
Confirmation
Delete
Acknowledgement & Success

screenKeywords:
, . Manage account owned by:
)l' frameio v jdoe.mobbin@gmail.com ?
< Backto A
PP Team Members Manage collaborators
Sort by Name v 0
{8} Account Settings
S Users & Teams
%, Groups Jane Doe 59 minutes ago
jdoe.mobbin@gmail.com 9
) Branding
John Doe 28 minutes ago Regular Member
E Billing johndoe.mobbin@gmail.com 9 9
@ jsmith.mobbin@gmail.com Invited.. o
9 Email / Password
@ Profile
ﬁ Notifications
@ Apps & Integrations
35 Connected Apps
2@ Tokens
&5 Actions
& Apps
|)l" frameio v jdoe.mobbin@gmail.com ?
Back to App
Team Mem be rs Manage collaborators
Sort by Name v 0
Account Settings
NAME
Users & Teams
Groups 59 mi
jdoe.mobbin@gmail.com minutes ago wner {You)
Branding
John Doe 28 minutes ago Regular Member
Billing johndoe.mobbin@gmail.com 9 9
@ jsmith.mobbin@gmail.com Invited... o
Email / Password
Profile
Notifications
Apps & Integrations
Connected Apps
Tokens
Actions
Apps
|. Manage account owned by:
)," frameio v jdoe.mobbin@gmail.com .
< Backto A
°P Team Members Manage collaborators
ACCOUNT
Sort by Name v jo)
{8} Account Settings
S Users & Teams
Groups Jane Doe
& 5 @ jdoe.mobbin@gmail.com
@) Branding
John Doe
E Billing @ johndoe.mobbin@gmail.com @ Regular Member
AEEIOIAL @ jsmith.mobbin@gmail.com b
Confirmation
9 Email / Password
@ Profile
% Notifications
@ Apps & Integrations Delete
3% Connected Apps
DEVELOPER
% Tokens
&5 Actions
& Apps
|I frameio v . : . ?
)l jdoe.mobbin@gmail.com ) Successfully removed 1 user from this account
Back to App
Team Members Manage collaborators
Sort by Name v 0
Account Settings
NAME
Users & Teams
Groups T hourago
jdoe.mobbin@gmail.com 9
Branding
John Doe 29 minutes ago Regular Member
Billing johndoe.mobbin@gmail.com 9 9
Email / Password
Profile
Notifications
Apps & Integrations
Connected Apps
Tokens
Actions
Apps


Transfer

pagePatterns:
Footer Section
Landing Page

pagePatterns:
Downloads Page
Hero Section

pagePatterns:
Downloads Page
Feature Section

pagePatterns:
Downloads Page
Download App Section

screenElements: Logo Photo

pagePatterns:
Downloads Page
Download App Section
Downloads Page
Hero Section
Downloads Page
Feature Section
Footer Section
Landing Page
Downloads Page
Social Proof (Testimonial) Section

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Mmolasses. VWOKe up. Upload railed. Uploaded 1o
@Frame_io in 10 minutes.”
Jon Connor — Filmmaker & Editor
I [ J
Download Frame.io
Download for macOS Download for Windows
)’I' framejo Overview Integrations Company Support
Enterprise Premiere Pro & After Careers Support
. Effects
Pricing Blog Status Page
Final Cut Pro
Customers Contact Us
R . DaVinci Resolve
|))'o Product Integrations v Enterprise Customers Camera to Cloud Pricing Sign In - h‘
Transfer app
. f . I
without fall.
The Frame.io Transfer app lets you quickly upload and download large files —
or entire projects — with a single click. Download the Transfer app now and
try it free.
Download for macOS Download for Windows

[ X J

¥ Release Films ~ Q' Search Transfers...
|[he speed you need.

[he features you want.
Reliably move giant files with ease, at speeds rivaling the
fastest transfer services.

— —_—

O = =

Intuitive Flexible Indestructable

Your folder structures remain Configure your bandwidth Connection interrupted? No big

intact for easier media and allocation. Prioritize transfers. deal. Transfers resume

project management. You’ve got options. automatically for continuity.
|- T R u - N - —,vvv,v - - - E T WS S s R =~ S e
| me.i
collaborate on Frame.io.
o - Enter your email Start Free Trial
))l' framejo Overview Integrations Company Support
Enterprise Premiere Pro & After ~ Careers Support
. Effects
Pricing Blog Status Page
Final Cut Pro
Customers Contact Us
DaVinci Resolve
Camera to Cloud
Avid Media
Transfer
Composer
"‘ © 2022 Adobe Inc. All rights reserved. Terms  Privacy [ > ] 0 o
|T G
B e s
. eieil Y WZ I | I I '
= j\ ‘ ““i \
“Left a 36GB file uploading using a file transfer ’

service last night because it was moving slow as
molasses. Woke up. Upload failed. Uploaded to |
@Frame_io in 10 minutes.”
Jon Connor — Filmmaker & Editor - .


Creating a new folder

hotspotType: Double Click

screenElements:
Dropdown Menu
Breadcrumbs

screenPatterns:
Add & Create
Action Option

screenKeywords:
Jane's Account « Jump to project or file... 6daysleft Upgrade & # 2
h 3
Q Searc J  Traveling > Others 2 @ - New v
v Jane's Team + Media REVEWARS Presentations C2C Connections litem, 20.84 MB Custom v (= e
Demo Project
Traveling a8
|
video.mp4
Jane D - Today, 11:33am
|New folder
(| Untitled Folder
Cancel
|New folder
(| Others
Cancel
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Qs [ Tveing s @ [ -
' Fil load
v dEmEs e + Media Review Links Presentations C2C Connections 3 items, 49.6 1’:5 e uploa
Folder upload
Demo Project = P
¢ R |
Traveling ) L S 3 — L b s " (3 New folder
: HC O ‘ 5N fold
a s LTy B e a ew private folder
S 4 BFTN P G =
— TR S R
AL O S o5 € gi 00:13 °
= PRUPER .~ B o
bridge.mp4 changi.mp4 flying.mp4
Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account « Jump to project or file... 6daysleft Upgrade & # 2
Q so 5 Tavelng : © [ -
v Jane's Team + Media Review Links Presentations C2C Connections 3items, 49.66 MB  Custom v = eee
Demo Project
Traveling a8 Nz} £ —_ N
PSR ). ihes s Bl
. | 20 G S
—% o W e ol <.
- [ S :‘? ﬁ.& B s}
- [ B :
0:02 X . Pl adge - 00:13 °
=% ° [PRLVEER .~ e < 99.—:3 2 m
Others bridge.mp4 changi.mp4 flying.mp4
No items Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Q so 5 Tavelng : © [ -
v Jane's Team + Media REVEWARS Presentations C2C Connections 4items, 70.5MB Custom v =  eee
Demo Project
Traveling a8 ‘;" J\ a2 o
_{;{: ';;.} J PP
= I O f‘. ..:‘ ._. B e AT Y >
—% e WL e g iy,
-~ br_:, ¥ o
- 00:02 . Sl SR 00:13 ¢
= 4 PRUPER .~ | 5 ]
Others bridge.mp4 changi.mp4 flying.mp4
1item Jane D - Today, 11:16am Jane D - Today, 11:16am Jane D - Today, 11:16am
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
h -

Q Searc J Traveling > Others 2 o - New v
v Jane'sTeam + Media Review Links Presentations C2C Connections No items,0B Custom v E s

Demo Project

Traveling a8

It's empty in here!
Drop files and folders to begin.


Changing time format

screenKeywords:
Share 3 items : : =% S e R 1l
T8 | . »V S S -
root i i kg N V... BRI § b X AR, & [>T 17
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2zoLVACI @ &  Public v
Invite by email >
Enter name or email address — — Yy = :
~ = 7 B -
- \ .
] S 5
E - it |
' Time Format
1] 06x W 00:07 v 1080p"° 52
flying
|: ‘ = L2800 — ] T R
Share 3 items ' ¢ 57 L ""f:‘.;,.'.‘:w 3 e AT R , &
; - i o ‘/ 5N "% J‘j__ B  n RA L A . i {
2 - 3 n vy W g% T N e : 3 Wy S Fi
root A A RN N .. TN & =l
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2zoLVACI %4 Public v
Invite by email - i > -
//
Enter name or email address — — A
g 4
— 3 e
- \ \\ e
s -
- .
1] 0.6x N 00:00:12:23 1080p =2
flying
|Share 3 items . | - % =il AR R Gl . Ew
root P = <4 "', Z “;’2: 3 f ';?M. N TS : y \-':""" = R
27 e A e e A SRS 3, S P i \
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2zoLVACI @ &  Public v
e = = /-
= ] // ,'
Enter name or email address — = = s
1] 0.6x N 00:05 1080p> 52
flying
|- SN . 7ot TR - ‘kéérf.K—// L ZR Sy SN < 2 \
Share 3 items ' ] g L P i = R - §
. d N J @ 3 e“\ 4% P . - o N > L g [
root - 2 &= <4 . i 3 f B L R PS> - .
27 i Az e e L ERICSR S § 8 5 B o3 i |
Sharing  Layout  Settings ~ Watermark '~ changi
Link access
f.io/2zoLVACI %4 Public v
. " =
= //
Enter name or email address = — i =
ey . ?
R -
\ ]
Time Format
" Standard v
Timecode
™ Frames .
1l 0.6x N 00:09 ~ 1080p"° 52
flying


Marking notifications as read

screenPatterns:
Notifications
Other Action

screenKeywords:
Jane's Account 6daysleft Upgrade & @ # ?
Notifications All v (@)
h ’
Q Searc J  Traveling v
Anna replied on
Media bridge.mp4 ; oo
Demo Project jslooly
l :_’1 s‘( , ,‘,‘/v::;a,ve'-':f-'“ [ Traveling - 3min
Traveling [ : ‘ :\",....4’4”‘ 1k
i P B S G
2 v RN e s e
Iw' kg :‘ . i
= A 00:02 | T A Tale SN ). 3 - 00:21
o 4 ¥, ~*’fmﬁ' <~ A -
bridge.mp4 changi.mp4 flying.mp4
|Jane's Account 6daysleft Upgrade = & ?
y Pg
Notifications All v Mark all as read  J&)
©\ Eearidh J  Traveling v
Anna replied on
Media bridge.mp4 il cee
Demo Project Tmeieel
qs‘ ::;Q‘\ 7 "‘;/j;?v,'.’,f,“ Traveling - 3min
Traveling ] : i ‘ W *"""”’ﬂ = -
g R e e
lp’ [= ; g" = A B I ko B
y s 00:02 | F Mn Ea TS o, 0 (8 - 00:21
B4 ¥, ;Mh ot A -
bridge.mp4 changi.mp4 flying.mp4
|Jane's Account 6daysleft Upgrade & @ # ?
Notifications All v
h ’
Q Searc J  Traveling v
Anna replied on
Media bridge.mp4 ; oo
Demo Project ‘me tool”
l g s.( I,"v;‘,‘/v‘.:a_v,;.r,fpz [ Traveling - 3min
Traveling [ : ‘ :\",....g/;”‘ 1k
| 3 A AR P e
2 et S R e o
Iw' kg :‘ . i
== i 00:02 | T g Tola AN ()13 - 00:21
o ; 4 ¥, ~*’fmﬁ' <~ A -
bridge.mp4 changi.mp4 flying.mp4


Editing profile bio

screenKeywords:
)l" frameio v jdoe.mobbin@gmail.com ?
Back to App
Account Settings
Users & Teams Jane Doe
Groups
Branding
Jane Doe
Billing
Email / Password
Profile
Notifications
Apps & Integrations
Connected Apps
Tokens
Actions
Apps
]
|)l" frameio v jdoe.mobbin@gmail.com ?
Back to App E

Account Settings Jane Doe

Users & Teams

Groups
Jane Doe

Branding

Billing
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
elusmod tempor incididunt ut labore et dolore magna aliqua

Email / Password

Profile

Notifications

Apps & Integrations

Connected Apps

Tokens

Actions
|)l" frameio v jdoe.mobbin@gmail.com @) Successfully updated! ?
Back to App E

Account Settings Jane Doe
Users & Teams
Groups
Branding
- Jane Doe

illing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

sl fEesne) eiusmod tempor incididunt ut labore et dolore magna aliqua
Profile
Notifications
Apps & Integrations
Connected Apps
Tokens
Actions


Sharing a file

screenPatterns:
Share
Invite Teammates

screenElements: Chip Button

screenElements:
Chip
Button
Dialog
Text Field
Button
Stacked List
Avatar
Link
Tab

screenPatterns:
Invite Teammates
Share
Invite Teammates

screenKeywords:
Invite Publish to Community X
Email, comma separated can edit v

22 Everyone at Acme can access this file.

@ Anyone with the link v can view v
John (You) owner
john.smith.mobbin@gmail.com can edit v
Jane can view v

[ Link to selected frame
|By B o [y Wy T 34 @ O 020 ®© & J Share & > 96% v
Layers Assets Page 1 Design Prototype Inspect
Home

#* Background
= Frame1

FSFSF5 100% ®
Contacts
Rectangle 1 Local styles +
Contacts
Ag Headline - 18/Auto
Export +
Name
4
@ Name
Y
|Invite Publish to Community X
john.smith.mobbin@gmail.com
can edit v

22 Everyone at Acme can access this file.
@ Anyone with the link v can view v
John (You) owner
Jane can view v
[ Link to selected frame
|Invite Publish to Community X
john.smith.mobbin@gmail.com
can view v

22 Everyone at Acme can access this file.
@ Anyone with the link v can view v
John (You) owner
Jane can view v
[ Link to selected frame
|Invite Publish to Community X
. . . . can edit
john.smith.mobbin@gmail.com

v can view

22 Everyone at Acme can access this file.

@ Anyone with the link v can view v
John (You) owner
Jane can view v

[ Link to selected frame
|Invite Publish to Community X
Email, comma separated can view v
22 Everyone at Acme can access this file.
@ Anyone with the link v can view v
John (You) owner
Jane can view v
[ Link to selected frame


Allowing downloads

screenElements: Button Switch

screenElements: Switch Button Switch

screenKeywords:
Share 3 items < X
all videos
3 items
Settings +
flying
Allow downloads Autoplay Jei 3
Uploaded on Dec 30, 2022 at 11:16am
Passphrase protect —
Link expiration // \:\/ _
— = = /'
o~ R o —
- ¢
g _
y - < . ' " ‘
P G ks & ‘
. ‘ - P

P\ N i N B

= ! L

B o 4

L]
|Share 3 items < x

all videos Download All

3 items

Settings g
flying
Allow downloads ‘ Autoplay 2673
Uploaded on Dec 30,2022 at 11:16am
Passphrase protect —~ - _ s
Link expiration / o
e — ‘ g
//V
- ~ ‘/'
Fn : i —— &
]


Creating new team

screenElements:
Side Navigation
Tab

screenElements:
Progress Indicator
Text Field
Button

screenPatterns:
Subscription & Paywall
Pricing

screenElements:
Progress Indicator
Text Field
Button
Link
Progress Indicator
Text Field
Button
Side Navigation
Tab
Text Field

screenPatterns:
Add & Create
Add & Create
Home
Subscription & Paywall
Pricing
Add & Create

screenKeywords:
X
@ Add team members
Add your collaborators
You can update user permissions on the team page after setting up.
Skip for now
|X
(’D Name your team @ Add team members @ Finish setup
Create a team
Team name Add a name
After creating a team, you can invite others to join.
|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
|X
@ Name your team @ Add team members @ Finish setup
Choose your team plan
Monthly billing Yearly (Save up to 40%)
Starter Professional Most popular Organization
Free, for trying things out. For you and your team, with unlimited For bringing teams together, sharing an
files and all the pro features. org-wide design system, and more.
Figma Design $12/editor/mo. Figma Design $45editor/mo.
FigJam $3/editor/mo. FigJam $5/editor/mo.
Upgrade to Professional Upgrade to Organization
Or, contact sales
Usage limits 3 files, 3 pages, and 1 project Unlimited files, pages, and projects Unlimited files, pages, and projects
Version history 30 days only v v
Libraries Team-wide Org-wide
Custom file and user permissions v v
Audio conversations v v
SS0, advanced security v
Design system analytics v
See all features >
|John "
(e R R i Q @) Explore Community o @ v
(® Recents
o o Acme Design () (o) ()
Starter team
Ready to go beyond this free Projects Members Settings About
plan? Upgrade for premium
features.
Last modified v oo |=
Team project
Favorite files Members
Hover over any file and click the star to o
add it here John (You)
Teams
¢ 0 files, updated just now Starter team overview
B Acme Design Free
W 0 of 3 Figma files used
Team project
B Acme Free Ry 0 of 3 FigJam files used
Team project 3 1 0of 1 project used
—I— Create new team
Upgrade your team for unlimited files,
projects, and customizable team libraries.
. Download desktop app X 0
|X
@ Name your team @ Add team members @ Finish setup
Create a team
Team name Acme Design
After creating a team, you can invite others to join.


Uploading files

screenElements:
Illustration
Button
File Upload
Progress Indicator

screenPatterns:
Empty State
Upload & Download
Upload & Download

screenKeywords:
Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Qs [ Tveing + @ -
v Jane'sTeam + Media Review Links Presentations C2C Connections No items,0B Custom v E s
Demo Project
Traveling a8
It's empty in here!
Drop files and folders to begin.
|Jane's Account + Jump to project or file... 6 days left  Upgrade 2 V2 ?
Qs [ Toveing + @ ) -
v Jane'sTeam + Media Review Links Presentations C2C Connections 3items, 49.66 MB Custom v E Xy
Demo Project
Traveling a8 -~ - N
13% 0% 2%
bridge.mp4 changi.mp4 flying.mp4
1Mb/s + 9 seconds left 2 Mb/s - 3 minutes left 2 Mb/s - 37 seconds left


Resetting password

screenElements:
Button
Text Field
Link

screenElements:
Text Field
Button
Link

screenElements:
Text Field
Button
Button
Text Field
Link
Button
Button
Text Field
Button
Link

screenPatterns:
Forgot Password
Forgot Password
Login
Forgot Password
Acknowledgement & Success
Acknowledgement & Success
Forgot Password

screenKeywords:
Reset your password
New Password
Confirm Password
|Reset your password
New Password
Confirm Password
|Welcome
It's great to see you.
Email
jdoe.mobbin@gmail.com
Password
Don't have an account? Get started.
|' Reset your password
|Forgot your password?
’ No worries! Enter your email below and we'll
send you a link to reset your password.
Email
jdoe.mobbin@gmail.com
Back to signin
|Forgot your password?
’ No worries! Enter your email below and we'll
send you a link to reset your password.
Email
jdoe.mobbin@gmail.com
Back to signin