Removing a screen as variant

screenElements:
Popover
Stacked List

screenPatterns: Confirmation Delete

screenPatterns: Confirmation Delete Delete

screenKeywords:
* < Dashboard < Chats mockup > Q Search workspace Q ®
e N—oor X2 e Share: zpl.io/010IvKg ™
View in Stage Mode )
9:27 all T @)
File: Figma basics 8
Chats
"” James Annotations
“ Thank you! That was very helpful!
Will Kenny .
£ No annotations yet
I know... I'm trying to get the funds.
Add the first annotation by Command +
Click-ing on the design. Learn more about
annotations.
Beth Williams
I'm looking for tips around capturing the —+ or X
milky way. | have a 6D with a 24-100mm... E"" #*
Rev Shawn
Wanted to ask if you're available for a portrait
shoot next week.
Reusable components N
No reusable components yet
Assets ."
jsmith.mobbi... , 1 version 2h  — 89% + 88 Nocomponents yet v Ef Add comment @ ShowAll v No assets yet -
|Remove “Default” as variant?

Removing “Default” as variant will move it to the project dashboard as an

individual screen.

You can also delete the variant entirely. Deleted variants cannot be restored.
DELETE VARIANT CANCEL
|* < Dashboard < Chats mockup > Q Search workspace Q ®
e chats A Share: zpl.io/o10IvKg b}
- = Default 0. View in Stage Mode )
9:27 _ = mm
= Chats o File: Figma basics 8
Done .
"V Annotations
“ Thank you! That was very helpful!
Will Kenny .
£ No annotations yet
I know... I'm trying to get the funds.
Add the first annotation by Command +
Click-ing on the design. Learn more about
annotations.
Beth Williams
I'm looking for tips around capturing the —+ or X
milky way. | have a 6D with a 24-100mm... E"" #*
Rev Shawn
Wanted to ask if you're available for a portrait
shoot next week.
Reusable components N
No reusable components yet
Assets ."
jsmith.mobbi... , 1 version 2h  — 89% + 88 Nocomponents yet v Ef Add comment @ ShowAll v No assets yet -
|* < Dashboard < Chats > Q Search workspace Q !
Share: zpl.io/dxEngkI ™
View in Stage Mode )
9:27 ol T .
File: Figma basics 8
Chats
Annotations « Comments
No annotations yet
Add the first annotation by Command +
Click-ing on the design. Learn more about
annotations.
E o #N
Reusable components N
No reusable components yet
Assets "‘
jsmith.mobbi... , 1 version 2h  — 89% + 88 Nocomponents yet v E} Add comment @ ShowAll v No assets yet -


Adding a section name

appName: Zeplin

appCategory: Productivity

appTagline: Bring harmony to design delivery

companyHqRegion: US & Canada

companyStage: Early Stage

platform: web

pageType: Application

hotspotType: Scroll Vertically

hotspotType: Click

hotspotType: Keyboard Input

pageType: Application Application Application Application

screenKeywords:
* < Mobbin Home’s Workspace Dashboard Flows Styleguide Q Search workspace ’ [C]
-
Sections v Q Filter by name MVP
Web v
= Untitled section 8w e Web, Tx
Share
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T .
RN Chats Chats < James e
Description
H M James
| r z
Reg Ste "‘ Thank youl That was very helpful! "‘ Really love your most recent photo. I've been . .
trying to capture the same thing for a few Overview of the basic screens
months and would love some tips!
wil mny
I know... I'm trying to get the funds. e
A fast 50mm like f1.8 would help with the
bokeh. I've been using primes as they tend to
get a bit sharper images.
Beth Williams .
NEXT I'm looking for tips around capturing the Integrations @
milky way. | have a 6D with a 24-100mm... X
4 Thank you! That was very helpful!
Connect to tools you use everyday;
Rev Shawn like Jira, Slack, Microsoft Teams,
Wanted to ask if you're available for a portrait TreIIo and Storybook.
shoot next week.
JET R
¢+ % @B
Extensions =
CSS and HTML
Members =
e Q o 28 Invite
Register 2h  Chats 2h  Chats mockup 2h  Individual chat 2h i @
9:27 T - 9:27 T - i ; —.‘,.".-\‘,;;t,-;_' o A 9:27 T -
BROWSE ALL ) i ‘é. X ‘\a.“%’! " by
T e Search : o ¥ ~ Discover
e '} W \ " ool 0‘
AN }-;;‘*s‘ (;’ Y1 T, A £ WHAT'S NEW TODAY ..
7 A a \ | », - Y., S (W
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name MVP
Web v
9:27 wll T .
Web, 1x
@
Description
Jane
Overview of the basic screens
SAN FRANCISCO, CA
Connect to tools you use everyday;
= like Jira, Slack, Microsoft Teams,
ﬂﬁ " Trello and Storybook.
kid | o#w @A
CSS and HTML
Profile 1h Members =
Invite
Untitled section B8 v e
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T .
« Chats Chats < James
-
. v ames DX
Re9|Ster 'A‘ Thank you! That was very helpful! "" Really love your most recent photo. I've been
|* < Mobbin Home’s Workspace Dashboard Flows Styleguide Q Search workspace ’ [C]
-
Sections v Q Filter by name MVP
Web v
=Sign up 8w e Web, Tx
Share
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T .
RN Chats Chats < James e
Description
H M James
| r z
Reg Ste "‘ Thank youl That was very helpful! "‘ Really love your most recent photo. I've been . .
trying to capture the same thing for a few Overview of the basic screens
months and would love some tips!
wil mny
I know... I'm trying to get the funds. e
A fast 50mm like f1.8 would help with the
bokeh. I've been using primes as they tend to
get a bit sharper images.
Beth Williams .
NEXT I'm looking for tips around capturing the Imeg rations @
milky way. | have a 6D with a 24-100mm... X
4 Thank you! That was very helpful!
Connect to tools you use everyday;
Rev Shawn like Jira, Slack, Microsoft Teams,
Wanted to ask if you're available for a portrait TreIIo and Storybook.
shoot next week.
JET R
¢+ % @B
Extensions =
CSS and HTML
Members =
e Q o 28 Invite
Register 2h  Chats 2h  Chats mockup 2h  Individual chat 2h i @
9:27 il T - 9:27 il T - B e - —-‘,-"I “~.‘-ﬁ,="- A A 9:27 il T -
BROWSE ALL 2 ‘&‘ b n
T e Search : o ¥ ~ Discover
Rl 'I W A - oo -
AW }-;;‘*s‘ (;’ '\’: T, A £, WHAT’S NEW TODAY ..‘
7 A a \ | », - Y., S (W
|* < Mobbin Home’s Workspace Dashboard Flows Styleguide Q Search workspace ’ [C]
-
Sections v Q Filter by name MVP
Web v
= Untitled section 8w e Web, Tx
Share
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T .
RN Chats Chats < James e
Description
H M James
| r z
Reg Ste "‘ Thank youl That was very helpful! "‘ Really love your most recent photo. I've been . .
trying to capture the same thing for a few Overview of the basic screens
months and would love some tips!
wil mny
I know... I'm trying to get the funds. e
A fast 50mm like f1.8 would help with the
bokeh. I've been using primes as they tend to
get a bit sharper images.
Beth Williams .
NEXT I'm looking for tips around capturing the Integrations @
milky way. | have a 6D with a 24-100mm... X
4 Thank you! That was very helpful!
Connect to tools you use everyday;
Rev Shawn like Jira, Slack, Microsoft Teams,
Wanted to ask if you're available for a portrait TreIIo and Storybook.
shoot next week.
JET R
¢+ % @B
Extensions =
CSS and HTML
Members =
e Q o 28 Invite
Register 2h  Chats 2h  Chats mockup 2h  Individual chat 2h i @
9:27 T - 9:27 T - i ; —.‘,.".-\‘,;;t,-;_' o A 9:27 T -
BROWSE ALL ) i ‘é. X ‘\a.“%’! " by
T e Search : o ¥ ~ Discover
e 'I W \ " ool 0‘
AN }-;;‘:"s‘ (;’ Y1 T, A £ WHAT'S NEW TODAY ..
7 A a \ | », - Y., S (W


Showing difference between versions

screenPatterns:
Timeline & History
Multi-Column Layout

screenElements:
Badge
Status Dot

pageType: Application Application Application

screenKeywords:
* < Dashboard Profile > Q Search workspace " @
Version History [ New --- | Share: zpl.io/Am8PpX6 M
View in Stage Mode
7o\ Show differences 9:27 il S - 9 &
D Compare selected version with File: Figma basics 53
previous .
Toda N .
y X Annotations
o @ jsmith.mo.. 3:59PM @D Requirement  Animation
changed button colour, @ Requirement jsmith.mobbin2@g... 2h
design shows horizontal note that stroke weight has changed, its 2px
pics layout J ane e
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
[ J 2:25PM
gradient fills up when app opens
- w o
ENTER COMMIT MESSAGE .
The story begins here!
“Versions” panel lists the
changes on this screen
over time. : g
T e et
Reusable components N
— No reusable components yet
. A . Assets ."
X — 89% + 8B Hide Components v EF Add comment B  ShowAl v 5 exportable layers -
|* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 ol T @m)
File: Figma basics 8
3 Annotations
m Requirement  Animation
o @ Requirement jsmith.mobbin2@g... 2h
note that stroke weight has changed, its 2px
Jone® now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
gradient fills up when app opens
Requirement
‘ MESSAGE .5*
) ﬁr i A :ﬁ_v4 Rt R
o Q G.Animation 8
Reusable components N
— No reusable components yet
- A G o o0 Wi - Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [ — 89% + 58 Hide Components v & Add comment m Show All v 5 exportable layers -
|* < Dashboard Profile > Q Search workspace " @
Version History [ New --- | Share: zpl.io/Am8PpX6 M
7o\ Show differences 9:27 - = VSOl Stage Mode L
L]
Compare selected version with A E f
T o File: Figma basics 8
July 7,2023 "\ T8 )
/ . | »ﬁ S Annotations
o 3 O
@ jsmith.mo.. 3:59PM kel 2 s @ Requirement
changed button colour, o @ Requirement jsmith.mobbin2@g... 4d
deS|gn S e note that stroke weight has changed, its 2px
pics layout J e now
+0 %9 -0 ane
SAN FRANCISCO, CA
[ J 2:25PM
Got any notes? f
FOLLOW JANE
ENTER COMMIT MESSAGE ¢ )
MESSAGE .Requiremem
The story begins here!
“Versions” panel lists the
changes on this screen
over time.
g : i
g! : I
A . A e ookl il
»n & v g I =)
L ke
- Reusable components s
rrt——'l r——" r——n r——n-i Using 1 component in this screen
1] I
el [a] o} &l -
I [} [} [ I Assets . ‘
X — 100% <+ 58 Hide Components v 11 E} Add comment M Show All v 5 exportable layers =
(] aE—— - — (]


Screen detail

hotspotType: Hover

screenElements:
Keyboard Key
Banner
Chip

screenPatterns:
Other Content
Other Content

pageType: Application Application Application Application Application Application Application

screenKeywords:
Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 th
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
oy Annotations
e' SAY "
N .2
) <
! No annotations yet
Add the first annotation by Command +
Click-ing on the design. Learn more about
J O ne annotations.
SAN FRANCISCO, CA Ef o #K
p, £ P .piﬂ
/ \ |
-
I‘ ‘: - (‘1 %
AY -~
",
| B
| “}
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mobbi..., T version 1Tm ~ — 100% + I®) & Ef Add comment @ ShowAll v T .0‘
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
Nof 2tk
Ll L
8| Nk 3
! No annotations yet
Add the first annotation by Command +
Click-ing on the design. Learn more about
J O ne annotations.
SAN FRANCISCO, CA Ef o #K
e T, ]
/ \ |
M,
’ sl e
| A b ‘: | 4
> 1 'I
AT -~
el
~ .
M o 4
b\ | i, Add comments or share details on
5 y' _ 0 :
5 design behavior in an annotation.
‘ Reusable components N
. Got it! No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mobbi..., 1 version Tm ~ — 100% <+ 52 Nocomponents yet v I®) & Ef Add comment @ ShowAll v No assets yet ..‘
|* < Workspace Dashboard Flows Styleguide Q Search workspace Q ®
Sections v Q Filter by name Untitled
Web, 1x
ﬁ' Add tags to organize and filter screens. Review Release + Add tag (]
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T . Descrlptlon
b Chats Chats
Got any notes?
b . M James
Reg | Ste r "‘ Thank you! That was very helpful!
WI“K.""Y
I know... I'm trying t t the funds. .
Jone 0 now... I'm trying to get the funds. Integratlons @
SAN FRANCISCO, CA Beth Williams
milky way. | have a 6D with a 24-100mm...
B ‘e &
Rev Shawn -
shoot next week.
What's in design = in code
l Sync your reusable components
with your Storybook instances.
Connect to Storybook
. Learn more  Gotit!
AR T O
You can also connect to tools you
@ Q O 8 use everyday; like Jira, Slack,
Microsoft Teams, Trello and
. Storybook.
Profile now  Register Tm  Chats now  Chats mockup now y
o+ w@H
= S - = =,
9:27 il T . 9:27 il T . 9:27 il T . B U
< James BROWSE ALL \ 3 Extensions =
T Search o
- B\ L T VAl \ h % CSS and HTML ."
’\ Really love your most recent photo. I've been \ St 1S \'\ : \ N, -«
trying to capture the same thing for a few ' 3 N * P dos g 5
|Q < Dashboard Profile > Q Search workspace " @
You'll get emails about updates to this project. Unfollow Close Share: zpl.io/Am8PpX6 y
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e ‘ :A-j e
=¥ £
NNl N
Ll L
8| Nk 3
! No annotations yet
Add the first annotation by Command +
Click-ing on the design. Learn more about
J O n e annotations.
SAN FRANCISCO, CA Ef o #K
e T, ]
/ \ |
M,
| } 4 Y ' P .
. 1 ¢ .| ‘
AT -~
- W
~ F _—
M o 4
" } : \ i, Add comments or share details on
) design behavior in an annotation.
‘ Reusable components N
. Got it! No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mobbi..., 1 version Tm ~ — 100% <+ 52 Nocomponents yet v I®) & Ef Add comment @ ShowAll v No assets yet ..‘
|Q < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name Untitled
Web, 1x
ﬁ' Add tags to organize and filter screens. view Release + Add tag (]
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - Descrlptlon
b Chats Chats
Got any notes?
) . N James
! Reg | Ste r "‘ Thank you! That was very helpful!
I know... I'm trying to get the funds. .
Integrations ®
Jore
SAN FRANCISCO, CA Beth Williams
e " e
.
Rev Shawn -
shoot next week.
. What's in design = in code
Pl ¥, %]
/ o) ‘ Sync your reusable components
,ﬁ with your Storybook instances.
- 1 «"1 :
oo Connect to Storybook
..V e
3 } Learn more Q Gotit!
L e
You can also connect to tools you
@ Q ° o & use everyday; like Jira, Slack,
Microsoft Teams, Trello and
. Storybook.
Profile now  Register now  Chats now  Chats mockup now y
o+ w@H
9:27 wll T - 9:27 wll T - 9:27 wll T - = % L
< James BROWSE ALL B ‘\“\ Extensions =
o Search N Sl
. B L i A CSS and HTML ()
A~ ' \ A £ -«
ly love your most recent photo. I've been A 3 ™, \
trying to capture the same thing for a few 8 \\\&\\ l P \ b 1
- - R A\ 4 doas ™ b
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e‘ = ; 4 @D Requirement  Animation
s | =
\} % @ Requirement jsmith.mobbin2@... Tm
‘ o note that stroke weight has changed, its 2px
now
@ Animation jsmith.mobbin2@... now
SAN FRANCISCO, CA gradient fills up when app opens
‘ MESSAGE .Reqmremem
e T, ]
/ \ |
ey
: eyl A
| A b ‘: | 4
> 1 'I
AT -~
el T
| L3
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
Animation Q Assets ."
jsmith.mob..., 1 version 35m ~ — 100% + &8 No components yet v O E} Add comment @ ShowAll v No assets yet -
|* < Dashboard Profile > Q Search workspace " )]
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Comments
e' .:A:J/ e
N £
TS
b ‘* % @ jsmith.mobbin2@gmail.com 4m  #1
|
c Is this too much white space? | know we
want it clean but I'm not sure about this
SAN FRANCISCO, CA .‘
'
X
~Pre
@ jsmith.mobbin2@gmail.com now  #3
p’ S 'f'\! can you double check that this is the right
- font pls
¢ \ |
-
. F ~
|’ ": 2 1 E
A3 .
- W
~ P
5\ %
.
‘ Reusable components N
) No reusable components yet
[~ eSS
-
Assets
jsmith.mob..., 1 version 30m ~ — 100% + &8 Nocomponents yet v I®) & Ef Add comment @ ShowAll v No assets yet ..‘


Inviting a team member

screenElements: Popover Dialog Toast Select

screenPatterns:
Settings & Preferences
Invite Teammates
Acknowledgement & Success
Acknowledgement & Success

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

screenKeywords:
* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more.
|:| Name Role v Access Last Seen
jsmith.mobbin2@gmail.com !
‘! jsmith.mobbin2@gmail.com Owner All projects Now
-
Ox(]
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more. Invite Members
Type email here
[J Name Role v Access
Role
jsmith.mobbin2@gmail.com ! Select a role v
‘! jsmith.mobbin2@gmail.com Owner All projects
Access
(@ Allprojects
Can access all workspace projects and
styleguides
(O Invited only (Restricted)
Can access invited projects and
styleguides only
-
Ox(]
|x g a0
Oh 1a 13! You successfully created your Workspace! #&
You now have access to a Team Workspace where you can organize your projects and members. Start by managing
your members from the Workspace Members page.
Manage Workspace Members
.k < Workspace Workspace Members
Snack Overflow Export CSV Settings
132 members
All roles v Q Search for a project
San Francisco Istanbul i0S Team Android Team Product Managers Marketing QA
Username Role v Access Last seen Tags
Q ::"':i‘g“’;':"‘:e"ez Owner Al projects 9 min ago San Francisco
. :‘:f‘:"a';:"‘u"';ffl‘:f‘fa"‘e“ﬂd"‘ Admin Al projects 16 min ago Android Team, Istanbul
° ‘;f('fz*::n‘f“::f:f: @vigitcanyurtsever Editor Al projects 3 hours ago i0S Team, San Francisco
Q Z‘::r:‘d‘g‘t‘:f::ﬁ[“m Developer Al projects 4hours ago QA, Istanbul
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat, 1 reviewer
All roles v Q, Search for a member No seats left, add more. Invite Members
|:| Name Role v Access Last Seen
jsmith.mobbin2@gmail.com !
‘g jsmith.mobbin2@gmail.com Owner All projects Now
jonsmith.mobbin@gmail.com . . i
Q Pending Invitation + Resend SRt L v All projects v
This user hasn't registered to Zeplin and accepted the
invitation yet
-
On(]
|* { Workspace Workspace Members
Invited jonsmith.mobbin@gmail.com!
Mobbin Workspace
ﬁ 1 0f 1 seat, 1 revieF\)Ner Export GSV Settings
All roles v Q, Search for a member No seats left, add more.
[J Name Role v Access Last Seen
jsmith.mobbin2@gmail.com .
‘! jsmith.mobbin2@gmail.com Owner All projects Now
jonsmith.mobbin@gmail.com ; . i
g Pending Invitation « Resend Reviewer v Al
-
On(]
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more. Invite Members
jonsmith.mobbin@gmail.com
[J Name Role v Access
Role
jsmith.mobbin2@gmail.com ’ Select a role v
‘g jsmith.mobbin2@gmail.com Owner All projects
P2y Admin
| Can invite and remove members, update
billing information and settings
(
= Editor/Developer
Can create and manage projects,
screens and styleguide resources
(
(@) Reviewer (Free of charge)
Can access all projects, view screens
and add notes
Learn about roles Hide
-
On(]
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more.
jonsmith.mobbin@gmail.com|
[J Name Role v Access
Role
jsmith.mobbin2@gmail.com ! Select a role v
‘g jsmith.mobbin2@gmail.com Owner All projects
Access
(@ Allprojects
Can access all workspace projects and
styleguides
(O Invited only (Restricted)
Can access invited projects and
styleguides only
-
Ox(]
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat, 1 reviewer
All roles v Q, Search for a member No seats left, add more. Invite Members
All roles v
Reviewers 1
| I Name Role v Access Last Seen
jsmith.mobbin2@gmail.com !
‘g jsmith.mobbin2@gmail.com Owner All projects Now
jonsmith.mobbin@gmail.com . . i
Q Pending Invitation « Resend Reviewer v Al
-
Ox(]
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more. Invite Members
|:| Name Role v Access Last Seen
jsmith.mobbin2@gmail.com !
‘i jsmith.mobbin2@gmail.com Owmner All projects Now
b Pelin from Zeplin X
Congrats on creating your workspace! &
Check out our guides if you need any help
inviting and/or managing your members.
Make sure to invite your designers and
developers, so that they're not interrupted.
Let us know if you have any questions!
Write a reply... & Q@ @
|* { Workspace Workspace Members
Mobbin Workspace
ﬁ P Export CSV Settings
1 of 1 seat
All roles v Q, Search for a member No seats left, add more. Invite Members
jonsmith.mobbin@gmail.com
[J Name Role v Access
Role
jsmith.mobbin2@gmail.com ! Reviewer v
‘! jsmith.mobbin2@gmail.com Owner All projects
Access
(@ Allprojects
Can access all workspace projects and
styleguides
(O Invited only (Restricted)
Can access invited projects and
styleguides only
-
Ox(]
|* ¢ Workspace Workspace Members
Mobbin Workspace
ﬁ p ExportCSV  Settings
1 of 1 seat, 1 reviewer
All roles v Q, Search for a member No seats left, add more.
2 members selected Transfer ownership Assign role Update access Remove
jsmith.mobbin2@gmail.com :
D jsmith.mobbin2@gmail.com QLY GUEEE how
jonsmith.mobbin@gmail.com . . .
@ Pending Invitation + Resend SR Gl
-
On(]


Onboarding

actions:
Creating Account
Onboarding

pageType: Marketing

screenPatterns: Error Signup

screenElements:
Top Navigation Bar
Tab

screenElements:
Text Field
Animation & Video
Switch
Banner
Top Navigation Bar
Logo
Banner
Top Navigation Bar
Tab
Button

screenPatterns: Signup Error Signup

pageType: Application Application Marketing Application Application Application Application Application

screenKeywords:
Welcome to Zeplin!

Q We're so happy you're here, let’s start by signing up.

G sign up with Google
jsmith.mobbin2@gmail.com + Looks good!

——————————
D COCOTOOONOCOOCT000 Show + Looks good!
ﬁ@@%(@ 6)) =w— o\
[ e
@@@) ?@? 8; [ 1 agree to Terms of Service
0= “l\
Heh)
I
R I
/ Already have an account? Login
|Welcome to Zeplin!
Q We're so happy you're here, let’s start by signing up.
G sign up with Google
: |Work email We'll send you an email to verify the address.
——————————
Z=0 Password
@@)% G) = L\
26© ) | 0= .
@\® o) = [ 1 agree to Terms of Service
Q Ho=8
N\
i
R I
/ Already have an account? Login
|© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions v Pricing Resources v Login Sign up for free
&
‘@
Bring harmony to
desi deli
The trusted platform for unifying product development teams.
Communicate in context. Align teams. Build faster.
Get started Request a Demo -
@® ® @ < SearchResult Dashboard Flows Q Search workspace Q Q .
—_—— —_—
< Has Icon, Pressed &> Pressed .
& CIEEIED Buttons [ Primary / True [ Default x
Aa Text Style Catalog I . Bl 2n
w Primary button with icon Primary button with icon
I Spacing and Layout Properties
<& Has Icon, Disabled <& Disabled
v Button Secondary hd o Has Icon: True v
Primary State: Default v
Secondary
) L3
Iseamh (o W Primary button with icon Primary button with icon Description
icons
Carousel <& Has Icon, Default < Default Got any notes?
Card
Bundle
;"bwding ST W Primary button with icon Primary button with icon Share
epper
Toast message < Has Icon, Pressed & Pressed Web: zpl.io/dxE6QD7
P
|We're experiencing a problem. Please try again
and if the problem persists, contact us at
support@zeplin.io.
|Welcome to Zeplin!
Q We're so happy you're here, let’s start by signing up.
L
G sign up with Google
: jsmith.mobbin2 X Your email doesn't look right!
——————————
Z=0 Password
@@)i‘@ 6)) =w— o\
26© ) | 0= .
@\® o) = [ 1 agree to Terms of Service
o O chl=Y)
e )
i
R I
/ Already have an account? Login
|Zeplin needs your permission to enable desktop notifications X
Projects  Styleguides
This is your workspace where you can access your projects and styleguides. If your team is already using
Zeplin, you can ask for an invitation. If you're looking to publish designs, you can create a project.
Check out a sample project to see Zeplin in action without uploading your own designs.
View a sample project
— - “ - L B
= . ~~ .. Sample Project
] Ay S~ o
i o Q ~ - |
LA ey
i0S 2m
Snack Overflow App
=
-
Ox(]
|* Workspace Q Search workspace Q !
Projects  Styleguides
This is your workspace where you can access your projects and styleguides. If your team is already using
Zeplin, you can ask for an invitation. If you're looking to publish designs, you can create a project.
Check out a sample project to see Zeplin in action without uploading your own designs.
View a sample project
-~ ~ B L e
N = =/ .. Sample Project
] Ay S~ o
s Ny~
LA ey
i0S 2m
Snack Overflow App
©6000
-
Ox(]
|Welcome to Zeplin!
Q We're so happy you're here, let’s start by signing up.
G sign up with Google
jsmith.mobbin2@gmail.com + Looks good!
——————————————————y
D COCOTOOONOCOOCT000 Show + Looks good!
@@)i@ 6)) =w— o
26© ) | 0= .
@@@ ?5 = | agree to Terms of Service
0= ‘\
HEh)
I
R I
/ Already have an account? Login


Joining a project

screenKeywords:
* ° Mobbin Home's Workspace v Q, Search workspace ’ !
-
Sections v All v Q Filter by name Create Project | v
et e e e el
These are all the projects related to one product, the same product feature, or something in common
® Development ©® Design © Discovery
1h 3d w
Sample Project Design Sample Project Wireframes Sample Project Explorations
Create Section
Individual Projects
Individual projects that are not assigned to a section.
9:27 wll T - K/ %) %__* No Status »
« a
Raonictar Ranictar
WEB 37m WEB now
MVP Copy of MVP
Not joined yet, join now.
S jined st
-
Ox(]
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace ’ @
-
You'll get emails about updates to this project. Unfollow Close
Sections v Q Filter by name Copy of MVP
Web, 1x
ﬁ' Add tags to organize and filter screens. view Release + Add tag (]
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - Descrlptlon
b Chats Chats
Overview of the basic screens
% . N James
Re9|Ster "‘ Thank you! That was very helpful!
I know... I'm trying to get the funds. .
Integrations ®
Jore
SANFRANCISCS, CA Beth Williams Connect to tools you use everyday;
’ Im looking for tips around capturing the like Jira, Slack, Microsoft Teams,
ilky Ih: 6D with a 24-1001 "
Rev Shawn ° .-;!_' o m B
Wanted to ask if you're available for a portrait
shoot next week.
Extensions =
B
- b " |
AR ee |00
Are |
Members =
Invite
o 2 @D o =
Profile 40m  Register 2h  Chats 2h  Chats mockup 2h
9:27 il T - 9:27 il T - . ., : \W
= g -
< James BROWSE ALL 'h\. ‘ -\ |
Iy iP R & \,__ . -
e ey t recent photo. I've b \ k- s ' =, -
ly love your most recent photo. I've been \ i ) g
trying to capture the same thing for a few A \\\\&\ ¥ { - - b s 4 -
|* ° Mobbin Home's Workspace v Q, Search workspace Q !
You've left this project
Sections v All v Q Filter by name Create Project | v
gy Tl s sy NP Uy A S
These are all the projects related to one product, the same product feature, or something in common.
® Development ©® Design © Discovery
1h 3d 7w
Sample Project Design Sample Project Wireframes Sample Project Explorations
Create Section
Individual Projects
Individual projects that are not assigned to a section.
9:27 il F . 9:27 il F .
« «
Raonictar Raonictar
WEB 36m WEB now
MVP Copy of MVP
® 9
-
Ox(]


Submitting a request

appName: Qatalog

appCategory: Business

appTagline: Best AI assistant for work

companyHqRegion: Europe

screenElements:
Stacked List
Icon
Search Bar

screenElements:
Text Field
Text Field

screenElements:
Stacked List
Icon
Search Bar
Text Field
Text Field
Toast
Select
File Upload

screenPatterns:
Other Action
Acknowledgement & Success
Other Action

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

allAppCategories:
Collaboration
Artificial Intelligence
Business

screenKeywords:
@ Qatalog Help Back to Qatalog website Submit a request  Signin
l Q l
People often search for: users, modules, threads
= Getting Started
[ Accounts and Billing
B Privacy and Security
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Qatalog Help Center / Submit a request
Submit a request
Your email address *
Subject *
Description *
T B I == ]
z
Priority (optional)
- v
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Suggested articles
Migration FAQ
Description *
T B I == P »
7z
Please enter the details of your request. A member of our support staff will respond as soon as possible.
Priority (optional)
- v
Request priority
Attachments (optional)
Add file or drop files here
Submit
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Suggested articles
Migration FAQ
Description *
T B I == ]
Hi,
| was looking at the subscription plans when my free trial was removed and it says my organization was archived. | did not deactivate any option, was
wondering why my free trial completed before the 14 days?
s
Please enter the details of your request. A member of our support staff will respond as soon as possible.
Priority (optional)
- v
Request priority
Attachments (optional)
Add file or drop files here
Submit
|@ Qatalog Help EaECtolQatalogiebSie RSl © Your request was successfully )
submitted.
Q
People often search for: users, modules, threads
= Getting Started
[ Accounts and Billing
B Privacy and Security
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Suggested articles
Migration FAQ
Description *
T B I == ]
Hi,
| was looking at the subscription plans when my free trial was removed and it says my organization was archived. | did not deactivate any option, was
wondering why my free trial completed before the 14 days?
s
Please enter the details of your request. A member of our support staff will respond as soon as possible.
Priority (optional)
Low
Normal
High
Urgent
Add file or drop files here
Submit
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Suggested articles
Migration FAQ
Description *
T B I == ]
Hi,
| was looking at the subscription plans when my free trial was removed and it says my organization was archived. | did not deactivate any option, was
wondering why my free trial completed before the 14 days?
s
Please enter the details of your request. A member of our support staff will respond as soon as possible.
Priority (optional)
High v
Request priority
Attachments (optional)
Add file or drop files here
Submit
|@ Qatalog Help Back to Qatalog website ~ Submit a request  Sign in
Qatalog Help Center / Submit a request
Submit a request
Your email address *
jdoe.mobbin@gmail.com
Subject *
Account trial was unsubscribed
Suggested articles
Description *
T B I == ]
z


Reordering sections

hotspotType: Drag

pageType: Application Application Application Application Application Application

screenKeywords:
* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
Web v -
1 project - No linked styleguides - <5 Resources - <& References - Add link
All web app related material
Show more
9:27 wll T .
«
Ranictar
WEB 49m
MVP
® 9
MVP v e
Add link
To be submitted by EOY
® No projects yet. Move projects to this section by dragging and dropping.
-
Mobile v e "'
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
MVP v e
Add link
To be submitted by EOY
® No projects yet. Move projects to this section by dragging and dropping.
Mobile v e
Add link
All mobile related material
® No projects yet. Move projects to this section by dragging and dropping.
MVP 0
Mobile 0 > e
= Web 1 - & Resources - <& References - Add link
All web app related material
Show more
-
On(]
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
MVP v e
Add link
To be submitted by EOY
® No projects yet. Move projects to this section by dragging and dropping.
Mobile v e
Add link
All mobile related material
® No projects yet. Move projects to this section by dragging and dropping.
= Web -
1 project - No linked styleguides - <5 Resources - <& References - Add link
All web app related material
Show more
-
On(]
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
Web v -
1 project - No linked styleguides - <5 Resources - <& References - Add link
All web app related material
Show more
9:27 wll T .
o
Ranictar
WEB 49m
MVP
® 9
MVP v e
Add link
To be submitted by EOY
® No projects yet. Move projects to this section by dragging and dropping.
. -
Mobile S D
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
MVP v e
Add link
To be submitted by EOY
® No projects yet. Move projects to this section by dragging and dropping.
Mobile v e
Add link
All mobile related material
® No projects yet. Move projects to this section by dragging and dropping.
MV 9
Mobile 0 > e
- & Resources - <& References - Add link
All web app related material
Show more
-
On(]
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
-
Sections v All v Q Filter by name Create Project | v
11119 19 yUUI WUIRSPGUS WITSIS yUU LaIT GUUESS LIS LGS PIUJSULS QI 9Ly ISYUIUSS. 1UU Lart SIuict Juin uic
projects below or create a new project.
€ Gotit!
= Web v
Add link
Add a markdown flavored description and tell the story of this section. V4
® No projects yet. Move projects to this section by dragging and dropping.
Individual Projects
Individual projects that are not assigned to a section.
9:27 wll T .

o

Ranictar

WEB 41m

MVP

® 9

-
Ox(]


Linking a project

screenElements:
Stacked List
Popover

screenElements:
Stacked List
Popover
Card

pageType: Application Application Application Application Application

screenKeywords:
* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog Descri ption
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Select one or more projects to link to this Integrations ©)
Styleguide, to reference the same colors,
text styles and components. Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
MVP, Web R
chwma
Llnked prOjeCtS Onboarding Flow, Web ° Link to projects
Extensions =
Sign up, Web 0
CSS and HTML
MVP Setting up device, Web °
Web 16m =
Dashboard filters, Web 0 Members -
Invite
-
. 0
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog Descri ption
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Integrations ®
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Linked projects
Extensions =
CSS and HTML
Select one or more projects to link to this Members P
NO ||n ked prOjeCtS y Styleguide, to reference the same colors, -
text styles and components. Invite
You can link this styleguide to multiple projects to re
styles, and components
Y P MVP, Web [+ ]
Link to projects Onboarding Flow, Web c
Sign up, Web °
Setting up device, Web c
Dashboard filters, Web °
On(
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
s
Aa Text style catalog Description
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Integrations ®
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Linked projects
Extensions =
CSS and HTML
. . Members =
No linked projects yet. &
Invite
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Link to projects
On(
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog Descri ption
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Integrations ®
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Linked projects
Extensions =
CSS and HTML
Select one or more projects to link to this Members P
NO ||n ked prOjeCtS y Styleguide, to reference the same colors, -
text styles and components. Invite
You can link this styleguide to multiple projects to re
styles, and components
MVP, Web % !
Link to projects Onboarding Flow, Web e
Sign up, Web e
Setting up device, Web e
Dashboard filters, Web e
On(
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog Descri ption
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Integrations ®
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Linked prOjeCtS Link to projects
Extensions =
CSS and HTML
MVP
Web 16m Members =
Invite
-
. 0
Export Design Tokens -


Pricing

screenElements: Table Tab

pagePatterns:
Pricing Page
FAQ Section

screenElements:
Table
Tab
Animation & Video
Switch
Banner
Top Navigation Bar
Logo

pagePatterns:
Pricing Page
Pricing Page
Landing Page
Pricing Page
FAQ Section
Pricing Page
Social Proof (Logo Cloud) Section

pageType: Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
* Principles Solutions v Priﬁng Resources v Login Sign up for free
Monthly Annually
Free Team Organization Enterprise
Compare features $0 $8 $16
Always free seat/month . ssiztt/mic:;gum Contact Us
1 Project 12 Projects Unlimited Projects Custom Pricing
Communicate
Show specs v v v v
Generate assets v v v v
Generate code snippets v v v v
Pop out designs v v v v
Flows 1 project Up to 6 projects Up to 12 projects Unlimited
Screens in a Flow Up to 10 Up to 250 Up to 250 Up to 250
Flow Boards v
Annotations v v v v
Collaborate
Screen Variants 2 variant groups Unlimited Unlimited Unlimited
Screen version history with commit messages 30 days Unlimited Unlimited Unlimited
Version Diff v v v
Sections and tags to manage screens v v v v
|- } & : :
* Principles Solutions v Pricing Resources v Login Sign up for free
[ J
Y
7 million designs are published to Zeplin for
development and collaboration every 30 days
Best for small teams Best for medium to large teams Best for enterprise
Free Team Organization Enterprise
seat/month
$ O $ 8 seat/month $1 6 12 seat minimum 'Q
Choose Free Plan Choose Team Plan Choose Organization Plan Contact Us
+/ Personal Workspace +/ Team Workspace Everything in Team, plus Everything in Organization, plus
+/ Up to 6 Project Members +/ Unlimited Reviewers +/ Flows (up to 12 projects) +/ Flows (unlimited)
+/ Flows (1 project) +/ Flows (up to 6 projects) +/ Advanced User Permissions +/ Flow Boards
+/ 30 Day Version History +/ Unlimited Version History +/ Jira Server Integration +/ Azure DevOps Integration
+/ Version Diff +/ Priority Support +/ Domain capture
|© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions v Pricing Resources v Login Sign up for free
&
‘@
Bring harmony to
desi deli
The trusted platform for unifying product development teams.
Communicate in context. Align teams. Build faster.
Get started Request a Demo -
@® ® @ < SearchResult Dashboard Flows Q Search workspace Q Q .
—_—— —_—
< Has Icon, Pressed &> Pressed .
& CIEEIED Buttons [ Primary / True [ Default x
Aa Text Style Catalog I . Bl 2n
w Primary button with icon Primary button with icon
I Spacing and Layout Properties
<& Has Icon, Disabled <& Disabled
v Button Secondary hd o Has Icon: True v
Primary State: Default v
Secondary
) L3
Iseamh (o W Primary button with icon Primary button with icon Description
icons
Carousel <& Has Icon, Default < Default Got any notes?
Card
Bundle
;"bwding ST W Primary button with icon Primary button with icon Share
epper
Toast message < Has Icon, Pressed & Pressed Web: zpl.io/dxE6QD7
P
|* Principles Solutions v Pr:ng Resources v Login Sign up for free
FAQ

Who requires a seat in Zeplin?

A seat is required to publish designs, access technical specs & download assets. Viewing a project and reading/adding
comments is available for Reviewers and does not require a seat.

Why do developers require a seat?

Zeplin provides capabilities much needed by developers including clarity on “finalized” designs, an accessible design
workspace friendly to non-designers, added structure to design screens and of course tailored technical specs built by
developers for developers.

As a designer, do | have to pay for developers?

If you would like to divide billing between designers & developers, we can customize our Zeplin Enterprise plan to meet
your needs, click here to contact our sales team.

How does Zeplin work with Figma?

Figma is better together with Zeplin, learn more about how leading design teams use Figma & Zeplin together.
|* Principles Solutions v PriZZi:ng Resources v Login Sign up for free
Zeplin is trusted by leading teams
4P HsBe % box  Pinterest  {\ AUTODESK
b ® b
AVAY
Freelancers Agency Membership Students, NGOs, Open Source
For freelancers who work with Join our community of talented Contributors
mgltlple c.I|ents,. vye re happy to d|.g|tal agencies vyho dehvgr the most We are proud to contribute to our
provide flexible pricing that fits your impactful experiences with Zeplin, . ,
. . . community! If you're a student,
business. Contact us to get started! work with your customers with free . .
. N working on a non-profit/open source
Zeplin subscriptions. .
project, use the Team plan for free —
including up to 5 seats with unlimited
reviewers, for 12 months.
Monthly Annually
|* Principles Solutions v Priﬁng Resources v Login Sign up for free
AFI ana vvepnook v v v v
Azure DevOps integration 1 project Unlimited

Workspace management
Workspace to manage projects v v v
Project sections and statuses v v v
Pin projects v v v
Invite multiple users by tag v v
Content ownership v
Multiple teams v
Activity Logs v
User management
Dashboard to manage users v v v
* Admin * Admin * Admin
User permissions * Editor * Editor  Editor
* Developer * Developer

Reviewer (free) Unlimited Unlimited Unlimited
Restricted members v v v
Priority support v v
Domain Capture v
SAML Single Sign On v
Multi-Factor Authentication for Workspaces v
SCIM v


About

pagePatterns:
Footer Section
Landing Page

pagePatterns:
About Page
Stats Section
Header Section

screenElements:
Illustration
Animation & Video

screenElements:
Carousel
Page Control

pagePatterns:
About Page
Content Section

screenElements:
Divider
Grid List
Carousel
Page Control
Icon
Illustration
Animation & Video

pagePatterns:
Footer Section
Landing Page
About Page
Content Section
About Page
About Page
About Page
About Page
Stats Section
Header Section
About Page

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

screenKeywords:
@ Qatalog Product v Pricing Book a demo Blog Login -
@ /C‘jI(I)Frai;rIf: tre@:rtiz.aatalog - Gartnen \(;(E)SBOR @ ﬁ:sxagf; of SaaS G I%I?SI? Performer
in ¥y ® ACCOUNT PRODUCT RESOURCES COMPANY
Terms of Service Login Document Book a demo About
FlveayEalsy Sign up Communicate Blog Language.work
Automate Help center Careers
Collaborate Templates library Newsroom
Evaluate Status
Pricing
Security & privacy
|@ Qatalog Product v Pricing Book a demo Blog Login -
Our tenets
Key guiding principles for our day-to-day operations at Qatalog.
Q W
Solve for the Think big, take small
customer steps
k =
Keep things simple Build lego blocks
A, T~/ Ji I I I I TINN
|@ Qatalog Product v Pricing Book a demo Blog Login -
I 1

We're Qatalog 'kAt-uh-lawg @
Technology should make work easier, not harder. But
today’s chaotic sprawl of wikis, spreadsheets, and pages
often make this feel like a distant dream. While some are
resigned to this reality, we know our tools should be
more than complex containers to store information.
Qatalog’s mission is to make work effortless by bringing
order to the chaos with software that is structured,
customizable, and intelligent. Our Work Hubs are
precisely configured to help run your business, no matter
its size or industry, in a fraction of the time and cost.
All your operations are connected in a single platform,
transforming work into a visible, automated, and
collaborative experience. At every turn, you're supported
by smart suggestions and interventions that understand
|@ Qatalog Product v Pricing Book a demo Blog Login -
A company with values
Trustworthy | Reliable | Compassionate | Productive | People-first
Diversity, inclusion, and belonging are fundamental to our success. We believe the best
solutions occur when a plurality of backgrounds, experiences, and identities work together.
© O
d - o ) e
R ~ / | i, | <)
| - ) ‘ N -
* — b, ] "”I ; 5 P : )
\ AT 20 0 N y A - e }A
,j.,’ s LN 7;33 N =R ﬂ‘ C iy & < W
Ny Sm\8 O =8 1% W ' o ‘ ? 4 .
S ﬁ‘h’.“._';/m_ [= [\ . ' &) ”
0 e‘/'t»f’ <8 795 3 - ’ R ,
= \ R i a2 :
RN X N < - & [l -
1) e ' 3 > ... i o :
23y WY &N 5 ‘ 9;* o
// A o 5 Cesh \ N i ‘?’52 = - ‘ . E«EA £ Bkl
-
|@ Qatalog Product v Pricing Book a demo Blog Login Free Trial >

Q o
Solve for the Think big, take small
customer steps

== 15

Build lego blocks Smart defaults

/
© 24
Progressive reveal Causal not
/ consequential
|@ Qatalog Product v Pricing Book a demo Blog Login -
Benefits
Health, dental, Highly competitive MacBook of your
vision, and mental- compensation & choice and full WFH
health insurance equity packages setup
Remote-friendly, 50% off gym Regular online team
flexible policy membership events
|@ Qatalog Product v Pricing Book a demo Blog Login -
A company with values
Trustworthy | Reliable | Compassionate | Productive | People-first
Diversity, inclusion, and belonging are fundamental to our success. We believe the best
solutions occur when a plurality of backgrounds, experiences, and identities work together.
© e
PR . B T "
- - i y ('e‘\ ) _" -
> | s ‘
e 1" ¢ ol 1\, ’A 7 :
- I— > " -
A= 5T YL g e
) = : Y =N :
' = ” ' P d""
. . X , ; 4 —
2 g ‘
— N - g—
B\ W _ o 7
i A » Gé: t)- 1 53 ] ( .I/ \
-
|@ Qatalog Product v Pricing Book a demo Blog Login -
Our investors
Taavet Hinrikus
e ventures
@@@ @@) qtomlco Co-founder, TransferWise

Paul Forster Renaud Visage Jacob de Geer Ott Kaukver

Founder, Indeed Co-founder, Eventbrite Founder, Zettle Former CTO, Twilio

Philipp & Andy Andreas Klinger Chris Hitchen Thijn Lamers

Tiny Supercomputer Remote First Capital Inventures EVP, Adyen
|() Qatalog ot v pricng  Bookademo  Biog ogn  FreeTral >
On a mission to
make work P
effortless
I U \
=y
2 ¥\
/ \ \ \
2019 $18.5M 35 24 17
|@ Qatalog Product v Pricing Book a demo Blog Login -
Open positions
L Senior Frontend Engineer (Fully
Open Application
_ o % remote) 2

Full Time - United Kingdom, England, London / Remote
Full Time - United Kingdom, England, London / Remote

Sr Backend Software Engineer (Fully )
Sr Software Developer in Test

remote) 4 _ o 4
Full Time - United Kingdom, England, London / Remote

Full Time - United Kingdom, England, London / Remote


Editing project description

screenKeywords:
* < Workspace Dashboard Flows Styleguide Q Search workspace ’_ @
Sections v Q Filter by name MVP vee
Web, 1x Ve
& Add tags to organize and filter screens. view Release + Add tag o
9:27 wll T . 9:27 wll T . 9:27 wll T . 9:27 wll T . Descrlptlon
“ Chats Chats
Got any notes?
Y . > James
Re9|Ster "‘ Thank you! That was very helpful!
I know... I'm trying to get the funds. .
Integrations ®
Jane
SAN FRANCISCO, CA Beth Williams Connect to tools you use eveny;
‘ g s b ke Jira, Slack, Microsoft Tear
ilky I hi 6D with a 24-1001 e
Rev Shawn o+ @A
Wanted to ask if you're available for a portrait
Extensions =
e : CSS and HTML
Members =
Invite
N X .
Profile 8m  Register 52m  Chats 52m  Chats mockup 52m
. .
9:27 all T - 9:27 all T - 9:27 all T - ™
< James BROWSE ALL m \
A1 7 Search i N -
s - Dn(
@' Realylove your most recent photo. I've been M \\ K h "‘
trying to capture the same thing for a few A\ l H dong L%, o p
|* < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name MVP
Web, 1x
ﬁ' Add tags to organize and filter screens. view Release + Add tag (]
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - Descrlptlon
b Chats Chats
Overview of the basic screens|
% . N James
Register X R —
4 %05 D)
I know... I'm trying to get the funds. .
Integrations ®
Jore
SANFRANCISCS, CA Beth Williams Connect to tools you use everyday;
’ Im looking for tips around capturing the like Jira, Slack, Microsoft Teams,
ilky Ih: 6D with a 24-1001 "
Rev Shawn O 3t @ H
Wanted to ask if you're available for a portrait
Extensions =
oy " CSS and HTML
e 9 "
Members =
Invite
o 2 @D o -
Profile now  Register Th  Chats Th  Chats mockup Th
9:27 wll T - 9:27 wll T - 9:27 wll T - ‘._.- % L
< James BROWSE ALL . t\‘\a}
ROCT Search e TR \* R
P\ Really love your most recent photo. I've been AW \\. “ 3 Y F iy, -
trying to capture the same thing for a few \\\k . ‘ i Hons L. . -
|* < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name MVP ooe
Web, 1x Ve
ﬁ' Add tags to organize and filter screens. view Release + Add tag (]
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - Descrlptlon
b Chats Chats
Overview of the basic screens
% . N James
Reg | Ste r "‘ Thank you! That was very helpful!
W"“(‘""Y
I know... I'm 1 t the funds. .
Jone ﬂ now... I'm trying to get the funds. Integratlons @
SAN FRANCISCO, CA Beth Williams Connect to tools you use everyday;
’ Im looking for tips around capturing the like Jira, Slack, Microsoft Teams,
milky way. | have a 6D with a 24-100mm...
Rev Shawn ot w @ H
Wanted to ask if you're available for a portrait 5
shoot next week.
Extensions =
‘ ﬂ CSS and HTML
! b >
iR |
Members =
Invite
o o @ o s =
Profile now  Register Th  Chats Th  Chats mockup Th
9:27 wll T - 9:27 wll T - 9:27 wll T - ~ = % L
< James BROWSE ALL . t\‘\a}
o Search e T \* =
"‘ Really love your most recent photo. I've been i s ) L i, -«
trying to capture the same thing for a few R \';\\k ¥ ‘ 4 'g& ‘.1‘ L
S S T A doas LN b


Add seats

screenPatterns:
Billing
Add & Create

pageType: Application Application

screenKeywords:
* < Workspace Members
Hi! Hope you're great today :)
WORKSPACE BILLING DEVELOPER
Plan Details
Monthly Team Plan
You're currently subscribed for 1 seat. Your plan will renew on August 7,
2023, for $10.00 ($10.00/seat per month)
Change your plan to upgrade, downgrade, cancel or switch billing frequency:
Change plan
Card Details Payment History
Card ID Date Invoice
Jokkok Kkkk okkok Change 9ADCC606-0001 2023-07-07 8 .4
Billing Details
The invoices for this workspace is being billed to
jsmith.mobbin2@gmail.com.
Update billing Details
-
On(]
|Add seats
1 . New seat from $10.00/seat per month will be added
to your account.
B8 Total seats will increase by 1, bringing you up to 2 seats.
¥ You'll now be charged $9.99 for 1 additional seat. Your next
payment will be $20.00 for 2 seats on August 7, 2023.
CANCEL


Project detail

screenKeywords:
* < Workspace Dashboard Flows Styleguide Q Search workspace Q [C]
Sections v Q Filter by name Untitled
> i T 4 P N —
« | g AL | ) .
’ | U RE e A
— — — — Description
Individual chat now  Discover now  Search now  Logged out now
Got any notes?
9:27 wll T .
Discover
WHAT'S NEW TODAY Integrations @
T3
' - AP
GI i
-
s /‘ ‘ Component in code Component in design
= o What's i ign =i
‘ ,.,' at's in design = in code
5 DS
d Sync your reusable components
1 with your Storybook instances.
x"‘b < Connect to Storybook
@ Fctvan Noran Learn more Q Gotit!
BROWSE ALL You can also connect to tools you
Y7 Z use everyday; like Jira, Slack,
\&’\ §i k Microsoft Teams, Trello and
-\ \‘_ MY Storybook.
s a o s o Do
Discover now .
Extensions =
CSS and HTML ol
On(]
|Q < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name Untitled
Web, 1x
ﬁ' Add tags to organize and filter screens. view Release + Add tag (]
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - Descrlptlon
b Chats Chats
Got any notes?
) . N James
! Reg | Ste r "‘ Thank you! That was very helpful!
I know... I'm trying to get the funds. .
Integrations ®
Jore
SAN FRANCISCO, CA Beth Williams
e " e
.
Rev Shawn -
shoot next week.
. What's in design = in code
Pl ¥, %]
/ o) ‘ Sync your reusable components
,ﬁ with your Storybook instances.
- 1 «"1 :
oo Connect to Storybook
..V e
3 } Learn more Q Gotit!
L e
You can also connect to tools you
@ Q ° o & use everyday; like Jira, Slack,
Microsoft Teams, Trello and
. Storybook.
Profile now  Register now  Chats now  Chats mockup now y
o+ w@H
9:27 wll T - 9:27 wll T - 9:27 wll T - = % L
< James BROWSE ALL B ‘\“\ Extensions =
o Search N Sl
. B L i A CSS and HTML ()
A~ ' \ A £ -«
ly love your most recent photo. I've been A 3 ™, \
trying to capture the same thing for a few 8 \\\&\\ l P \ b 1
- - R A\ 4 doas ™ b
|* < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name Untitled
Web, 1x
- :
You can now group and reorder tags, assign screens to team members, and track status changes.
1. Tag groups: Sort your tag collections by type to make them easier to filter and navigate. L
2. Assignees & Status: Bulk-assign screens to teammates and update statuses as work progress. Description
Share feedback Q Gotit! Got any notes?
Untagged
+ Add tag group Integrations ®
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - E .. &
-
b Chats Chats
¥ H N James
] Re9|ster '.‘ Thank you! That was very helpfull What's in design = in code
Sync your reusable components
ﬂ Will Kenny with your Storybook instances.
I know... 'm trying to get the funds.
SAN FRANCISCO, CA Beth Williams .
‘ Learn more o Gotit
_ milky way. | have a 6D with a 24-100mm...
FOLLOW JANE
I You can also connect to tools you
' Wanted to ask if you're available for a portrait use everyday; like Jira, Slack,
shoot next week. Microsoft Teams, Trello and
Storybook.
[ SR .
e 2 o+ wmH
- ! «"1
A% Extensions =
‘.‘i -
A CSS and HTML ‘e
¥ i L)


Showing version history

screenElements: Popover Avatar

screenElements:
Keyboard Key
Popover
Avatar

screenPatterns:
Timeline & History
Multi-Column Layout
My Account & Profile

screenKeywords:
Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 th
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
oy Annotations
e' SAY "
N .2
) <
! No annotations yet
Add the first annotation by Command +
Click-ing on the design. Learn more about
J O ne annotations.
SAN FRANCISCO, CA Ef o #K
p, £ P .piﬂ
/ \ |
-
I‘ ‘: - (‘1 %
AY -~
",
| B
| “}
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mobbi..., T version 1Tm ~ — 100% + I®) & Ef Add comment @ ShowAll v T .0‘
|* < Dashboard Profile > Q Search workspace " @
Version History [ New --- | Share: zpl.io/Am8PpX6 M
View in Stage Mode
7o\ Show differences 9:27 il S - 9 &
D Compare selected version with File: Figma basics 53
previous .
Toda N .
y X Annotations
o @ jsmith.mo.. 3:59PM @D Requirement  Animation
changed button colour, @ Requirement jsmith.mobbin2@g... 2h
design shows horizontal note that stroke weight has changed, its 2px
pics layout J ane e
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
[ J 2:25PM
gradient fills up when app opens
- w o
ENTER COMMIT MESSAGE .
The story begins here!
“Versions” panel lists the
changes on this screen
over time. : g
T e et
Reusable components N
— No reusable components yet
. A . Assets ."
X — 89% + 8B Hide Components v EF Add comment B  ShowAl v 5 exportable layers -
|Q < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Toda all ¥ @)
/ File: Figma basics 8
D jsmith.mobbin2@gmail.com
o @ jsmith.mobbin2... jsmith.mobbin2@gmail.com
S Annotations
Got any notes? Add bio ‘ % =
=
ENTER COMMIT MESSAGE T g 5 S
8| Nk 3
e hesis hed ! No annotations yet
e story begins here!
“ersions” panel lists the Add the first annotation by Command +
R Click-ing on the design. Learn more about
changes on this screen over J g
time. O ne :
SAN FRANCISCO, CA EY o #®BN
S
¥ s } ]
/ \ |
M,
} ﬁ . \
| N W ‘:‘ { P
~ 1 'I
AT o
el L
- o 4
o %
- _ .
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
X — 100% <+ 82 No components yet v Q [®) E}Y Add comment @ ShowAll v T ..‘
|* < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Today 9:27 ol T .
File: Figma basics 8
° @ jsmith.mo.. 3:09 PM
3 Annotations
What has changed? ;
m Requirement  Animation
ENTER COMMIT MESSAGE
0 @ Requirement jsmith.mobbin2.. 13m
® 225PM J note that stroke weight has changed, its 2px
ane now
Got any notes? e
ENTER COMMIT MESSAGE SAN FRANCISCO, CA @ Animation jsmith.mobbin2.. 11m
gradient fills up when app opens
The Story begins here!
“Versions” panel lists the
changes on this screen Requirement
over time. MESSAGE U
T e et
o Q G.Ammatlon 8
Reusable components N
— No reusable components yet
. . . Assets ."
X — 89% <+ B3 Nocomponentsyet v Ef Addcomment @@  Show All v o B =
|Q < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Today 9:27 all T @)
File: Figma basics 8
° @ jsmith.mobbin2.. 2:25PM
iy Annotations
/ =7
Got any notes? e ‘ = | ===
A
S kS
ENTER COMMIT MESSAGE S a
1) 2
|
The story bedins herel ) No annotations yet
e story begins here!
Ve e [Eehe Add the first annotation by Command +
R Click-ing on the design. Learn more about
changes on this screen over J annotations
time. O ne :
SAN FRANCISCO, CA Ef o #K
¥ s } ]
/ \ |
M,
} ﬁ . \
| N W ‘:‘ { P
> 1 'I
AT o
- W
~ P R
o %
- _ .
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
X — 100% <+ B2 Nocomponents yet v Q [®) E+ Add comment @ ShowAll v o B .0‘


Registering for an event

screenElements: Illustration Illustration

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
* Principles Solutions v Pricing Resources v Login Sign up for free
[~
o
[a]
(9] 7/ANN
0 PN\
©) & PEHEN
V \ll /
Utilizing DesignOps to Supercharge Your Design System Team
July 19, 2023 | 10:00-11:00am PT | Virtual Event
Davy Fung June Cho
Design Lead, @Meta 3 Community, @Zeplin
Join us for a chat with Davy Fung, Product Design Lead for
Meta’s design system! ([
Previously a design manager at Disney+ and Hulu, Davy will
share his learnings going from a medium-sized product team to ‘
a massive design system and team made up of hundreds of
designers and developers at Meta.
. . . . You're registered! We'll send you a confirmation
In this session, you'll learn how to use DesignOps to pilot, email
iterate, and engage your product design teams to use your ’
design system.
Add to calendar:

Whether you're a small design system team just getting started, .
or a large team with an established system in place, this session Google Calendar | Outlook or Apple Calendar (.ics)
is for you.
RSVP today!
|* Principles Solutions v Pricing Resources v Login Sign up for free
[~
o
[a]
(5] NN
0 PN\
©) & PEHEN
V \ll /
Utilizing DesignOps to Supercharge Your Design System Team
July 19, 2023 | 10:00-11:00am PT | Virtual Event
Davy Fung June Cho
Design Lead, @Meta Community, @Zeplin
. . . First * First
Join us for a chat with Davy Fung, Product Design Lead for rstname retname
Meta'’s design system!
i i . i Last name* Last name
Previously a design manager at Disney+ and Hulu, Davy will
share his learnings going from a medium-sized product team to
a massive design system and team made up of hundreds of Email* Business email
designers and developers at Meta.
In this session, you'll learn how to use DesignOps to pilot, Company name Company name
iterate, and engage your product design teams to use your
design system.
Job title Job title

Whether you're a small design system team just getting started,
or a large team with an established system in place, this session
RSVP today!
|* Principles Solutions v Pricing Resources v Login Sign up for free
[~
o
[a]
(5] NN
0 PN\
©) & PEHEN
V \ll /
Utilizing DesignOps to Supercharge Your Design System Team
July 19, 2023 | 10:00-11:00am PT | Virtual Event
Davy Fung June Cho
Design Lead, @Meta Community, @Zeplin
. . . First name* Jane
Join us for a chat with Davy Fung, Product Design Lead for
Meta'’s design system!
i i . i Last name* Smith
Previously a design manager at Disney+ and Hulu, Davy will
share his learnings going from a medium-sized product team to
a massive design system and team made up of hundreds of Email* jsmith.mobbin2@gmail.com
designers and developers at Meta.
In this session, you'll learn how to use DesignOps to pilot, Company name Company name
iterate, and engage your product design teams to use your
design system.
Job title Job title

Whether you're a small design system team just getting started,
or a large team with an established system in place, this session
RSVP today!
|* Principles Solutions v Pricing Resouies o Login Sign up for free
o B
Zeplin Tavern %‘@ iy
@ \,@ ’ :~J:'
Discover exciting events and webinars held SV "~
by product leaders, experts, and innovators “ @. O
using Zeplin.
/ &
- )
Upcoming events
~ Webinar
%; 55 ~ Utilizing DesignOps to Supercharge Your :
i A" . Register
Ny ZA Design System Team
& July 19,2023 | 10:00am PT


Pricing

pagePatterns:
Landing Page
Hero Section

pagePatterns:
Pricing Page
Pricing Section

screenElements:
Top Navigation Bar
Button
Animation & Video
Logo
Accordion
Tab

pagePatterns:
Pricing Page
Pricing Page
Pricing Section
Landing Page
Hero Section
Pricing Page
FAQ Section

screenKeywords:
@ Qatalog Product v Pricing Book a demo Blog Login -
Choose the right
Annually
Pro Enterprise
$9 / Person per month
« Free for the first 14 days! Everything in Pro, plus:
« SSO with Google and Microsoft + Custom integrations
« Unlimited integrations » Connectivity with HRIS tools
« Unlimited guests + Usage reporting
« Bulk uploads » Migration support
|@ Qatalog Product v Pricing Book a demo Blog Login -
Annually

Pro Enterprise

$9 / Person per month

« Free for the first 14 days! Everything in Pro, plus:

« SSO with Google and Microsoft + Custom integrations

« Unlimited integrations » Connectivity with HRIS tools

« Unlimited guests * Usage reporting

+ Bulk uploads » Migration support

« Dedicated onboarding advisor and + Priority customer support
personalized team-wide rollout plan + Dedicated success manager
|() Qatalog  eodut v Prdng  Bookademo  Biog ogn | FreeTial >
Do | need to enter credit card details to start my 14-day trial? >
What payment methods do you accept? >
How do | cancel my team's subscription? >
Can we get a refund if we cancel our subscription? >
How can | upgrade to the Enterprise plan? >
Do you have a startup plan? >
Are discounts available for nonprofits? >
|Product v Pricing Book a demo Blog Login
Qatalo
Y Collab ti
With a tailor-made operating system for work
. Q2 Objective w
Campaign Tasks L Orga
Increase existing Lead:
[ CONTRACTORS _ client revenue by 50% T
Deliverables defined SS; Contractors } ;\/
Creative brief — 1st draft Acgms o HETE e ¥ i Creative Brief O Fe
Roadmap — 1st draft for revi... g ' ’_ Objective: Soc
ac Services S L —
|@ Qatalog Product v  Pricing  Bookademo  Blog Login -

Do | need to enter credit card details to start my 14-day trial? v

No, you can start a trial without adding credit card details. Alternatively, you can also book a_quick.demo call with one of our customer

team members, and they will enable the free trial for you after the call.

What payment methods do you accept? >

How do | cancel my team's subscription? >

Can we get a refund if we cancel our subscription? >

How can | upgrade to the Enterprise plan? >

Do you have a startup plan? >

Are discounts available for nonprofits? N
|@ Qatalog Product v Pricing Book a demo Blog Login -
Monthly

Pro Enterprise

$12 / Person per month

« Free for the first 14 days! Everything in Pro, plus:

« SSO with Google and Microsoft + Custom integrations

« Unlimited integrations » Connectivity with HRIS tools

« Unlimited guests * Usage reporting

+ Bulk uploads » Migration support

« Dedicated onboarding advisor and + Priority customer support
personalized team-wide rollout plan + Dedicated success manager


Editing username

screenPatterns:
Acknowledgement & Success
My Account & Profile

screenKeywords:
* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Full name jsmith.mobbin2@gmail.com
Username jsmithmobbin
+/ Updated. Looks good!
Email jsmith.mobbin2@gmail.com
What | do Your role at your team, and some
fun facts about yourself
Want to remove your account completely?
Workspaces
You're currently in 1 workspace:
Mobbin Home
Manage members
Owner, Can access all projects
Multi-factor Authentication
Require a security code in addition to your password while logging into your Zeplin .0‘
account. You will need to setup an authenticator app. -
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Full name jsmith.mobbin2@gmail.com
Username jsmithmobbin
v/ Looks good!
Email jsmith.mobbin2@gmail.com
What | do Your role at your team, and some
fun facts about yourself
Want to remove your account completely?
Workspaces
You're currently in 1 workspace:
Mobbin Home
Manage members
Owner, Can access all projects
Multi-factor Authentication
Require a security code in addition to your password while logging into your Zeplin .0‘
account. You will need to setup an authenticator app. -
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Full name jsmith.mobbin2@gmail.com
. . All your team members will see your
Username jsmithmobbin2 username ;) only use letters, numbers and *_".
sample: aryastark
Email jsmith.mobbin2@gmail.com
What | do Your role at your team, and some
fun facts about yourself
Want to remove your account completely?
Workspaces
You're currently in 1 workspace:
Mobbin Home
Manage members
Owner, Can access all projects
Multi-factor Authentication
Require a security code in addition to your password while logging into your Zeplin .0‘
account. You will need to setup an authenticator app. -
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Full name jsmith.mobbin2@gmail.com
. . All your team members will see your
s Username ]5m|thm0bb|d username ;) only use letters, numbers and *_".
. o sample: aryastark
<.+ Verifying...
Email jsmith.mobbin2@gmail.com
What | do Your role at your team, and some
fun facts about yourself
Want to remove your account completely?
Workspaces
You're currently in 1 workspace:
Mobbin Home
Manage members
Owner, Can access all projects

Multi-factor Authentication
Require a security code in addition to your password while logging into your Zeplin .0‘
account. You will need to setup an authenticator app. -
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Full name jsmith.mobbin2@gmail.com
g Username jsmithmobbin2
Email jsmith.mobbin2@gmail.com
What | do Your role at your team, and some
fun facts about yourself
Want to remove your account completely?
Workspaces
You're currently in 1 workspace:
Mobbin Home
Manage members
Owner, Can access all projects
Multi-factor Authentication
Require a security code in addition to your password while logging into your Zeplin .0‘
account. You will need to setup an authenticator app. -


Replying to a comment

screenElements: Button Chip

screenKeywords:
* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 ol T @m)
File: Figma basics 8
3 Annotations
° m Requirement  Animation
o i jsmith.mobbin2@gmail.com 2h
@ Requirement jsmith.mobbin2@g... 2h
Is this too much white space? | know we want it note that stroke weight has changed, its 2px
J ane e clean but I'm not sure about this now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
3 gradient fills up when app opens
: y
i
S
Requl -
‘ MESSAGE O}equ" - y 3
o Q G.Animation 8
Reusable components N
— No reusable components yet
Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [} — 89% + B2 Hide Components v Ef Addcomment @  ShowAll v SR R -
|* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 ol T @m)
File: Figma basics 8
3 Annotations
P m Requirement  Animation
o i jsmith.mobbin2@gmail.com 2h
@ Requirement jsmith.mobbin2@g... 2h
Is this too much white space? | know we want it note that stroke weight has changed, its 2px
J ane e clean but I'm not sure about this now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
3 gradient fills up when app opens
: y
i
S
Requl -
‘ MESSAGE .S—equ" - y 3
‘ v ; A @ jsmith.mobbin2@gm... now
“- = | Eo e ey e ) ) ) )
R i @jonsmithmobbin what do you think?
- - - o
o Q G.Animation 8
Reusable components N
— No reusable components yet
Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [} — 89% + B2 Hide Components v Ef Addcomment @  ShowAll v SR R -
|* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 th
View in Stage Mode )
9:27 all T (m)
File: Figma basics 8
J % Annotations
° m Requirement  Animation
c i jsmith.mobbin2@gmail.com 2h
@ Requirement jsmith.mobbin2@g... 2h
Is this too much white space? | know we want it note that stroke weight has changed, its 2px
J ane e clean but I'm not sure about this now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
3 gradient fills up when app opens
: P
e
Requir -
‘ MESSAGE 05— -9 y .
- —
e
o Q G.Animation 8
Reusable components N
— No reusable components yet
- A G o o0 Wi - Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [ — 89% + 58 Hide Components v & Add comment m Show All v 5 exportable layers -
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e‘ = ; 4 @D Requirement  Animation
s | =
\} % @ Requirement jsmith.mobbin2@... Tm
‘ o note that stroke weight has changed, its 2px
now
@ Animation jsmith.mobbin2@... now
SAN FRANCISCO, CA gradient fills up when app opens
‘ MESSAGE .Reqmremem
e T, ]
/ \ |
ey
: eyl A
| A b ‘: | 4
> 1 'I
AT -~
el T
| L3
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
Animation Q Assets ."
jsmith.mob..., 1 version 35m ~ — 100% + &8 No components yet v O E} Add comment @ ShowAll v No assets yet -
|* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all T (m)
File: Figma basics 8
J % Annotations
P m Requirement  Animation
c i jsmith.mobbin2@gmail.com 2h
@ Requirement jsmith.mobbin2@g... 2h
Is this too much white space? | know we want it note that stroke weight has changed, its 2px
J ane e clean but I'm not sure about this now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
3 gradient fills up when app opens
: P
e
eaui -
‘ MESSAGE Qi—equ" - y 3
% : i @jonsmith.mobbin@gmail.com what do you
L & & R o ey think?
= - -
- - 990
o Q G.Animation 8
Reusable components N
— No reusable components yet
Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [} — 89% + B2 Hide Components v Ef Addcomment @  ShowAll v SR R -
|* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 ol T @m)
File: Figma basics 8
3 Annotations
P m Requirement  Animation
o i jsmith.mobbin2@gmail.com 2h
@ Requirement jsmith.mobbin2@g... 2h
Is this too much white space? | know we want it note that stroke weight has changed, its 2px
J ane e clean but I'm not sure about this now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2h
3 gradient fills up when app opens
: y
i
S
Requl -
‘ MESSAGE .}equ'r - y 4
% v % A i jsmith.mobbin2@gmail.com now
“- = | Eo e ey e ) ) ) )
R i @jonsmithmobbin what do you think?
- - - o
o Q G.Animation 8
Reusable components N
— No reusable components yet
Assets ."
jsmith.mobb..., 2 versions 1h | 7 Highlight changes [} — 89% + B2 Hide Components v Ef Addcomment @  ShowAll v SR R -
|* < Dashboard Profile > Q Search workspace " )]
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 il  @m
File: Figma basics 8
3 Annotations
m Requirement  Animation
0 @ Requirement jsmith.mobbin2@g... 2d
note that stroke weight has changed, its 2px
Jone® now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2@g... 2d
gradient fills up when app opens
Requirement
MESSAGE O
u T e i
o Q wnimallﬂ 8
Reusable components N
— No reusable components yet
Assets ."
jsmith.mobb..., 2 versions 2d | 7\ Highlight changes New — 8% + g8 Hide Components v & Add comment m Show All v 5 exportable layers -


Subscribing to newsletter

screenPatterns:
Follow & Subscribe
Acknowledgement & Success

pageType: Marketing Marketing Marketing

screenKeywords:
@ |anguage.work About Documentary Publications
S—
\ | /
. \ \ I ‘
O N \ \ /
Subscribe S
Get the latest content from language.work = = ™ 4
delivered straight to your inbox - - - '
— - / \
- / / \
7 / \
/ | \
Share
|@ |anguage.work About Documentary Publications
—

\ | /
A \ I ‘

Subscrib S
UDSCrioe N
Get the latest content from language.work = = ™ 4
delivered straight to your inbox - — - '
— - / N\
-’ / / \

/ / \
/ | \

Share
i ¥ ©
|@ |anguage.work About Documentary Publications
P
A \ I 4
N \ \ /
AllD | N
O n e ° ~ ~ N /7
WEe'll drop you an email when we've got = = = '
fresh content to share. — - / N\
- / |
-’ / / \
/ / \
Share
i ¥ ©


Filtering projects by name

screenElements:
Floating Action Button
Chip

screenPatterns:
Filter & Sort
Home

screenKeywords:
* ° Mobbin Home's Workspace v Q, Search workspace Q !
#= Sections v All v Q Filter by name Create Project | v
Welcome to your team's workspace! #
This is your workspace where you can access the team's projects and styleguides. You can either join the
projects below or create a new project.
€ Gotit!
Web v -
5 projects - No linked styleguides & Resources - <& References - Add link
All web app related material
Show more
927 © Discovery ”
o
Ranictar
WEB 55m WEB 5m WEB 5m WEB 4m
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
-
Ox(]
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
-
Sections v v Q, onboarding Create Project | v
Welcome to your team's workspace! #
This is your workspace where you can access the team's projects and styleguides. You can either join the
projects below or create a new project.
€ Gotit!
Web v e
1 project - No linked styleguides - <5 Resources &> References
All web app related material
Show more
WEB 5m
Onboarding Flow
-
Ox(]
|* ° Mobbin Home's Workspace v Q, Search workspace Q !
#= Sections v All v Q Filter by name Create Project | v
Welcome to your team's workspace! #
This is your workspace where you can access the team's projects and styleguides. You can either join the
projects below or create a new project.
€ Gotit!
= Web v
5 projects - No linked styleguides & Resources - <& References - Add link
All web app related material V4
Show more
927 © Discovery ”
o
Ranictar
WEB 55m WEB 5m WEB 4m WEB 4m
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
-
WEB 4m DX
Dashboard filters


Adding an avatar

actions:
Adding & Creating
Uploading & Downloading

screenElements: Button Tab

hotspotType: Slide

screenElements:
File Upload
Button
Tab
Slider
Progress Indicator

screenPatterns:
Upload & Download
Settings & Preferences
Media Editor
Loading

screenKeywords:
h < Workspace Members
. , .
Hil Hope you're great today )
WORKSPACE BILLING DEVELOPER
Workspace name
Mobbin Workspace
Workspace settings
Manage who can add a member with a paid role or change a member's role
from free to paid—learn more
@ Owner, Admins, Editors and Developers
O Owner and Admins
.. Members can only invite other members at a role level less than or equal
to their own role. All members can add Reviewers to your workspace
projects. You can learn more about roles here.
-
On(]
|* < Workspace Members .
Hi! Hope you're great today )
WORKSPACE BILLING DEVELOPER
Change your Workspace avatar
Prefer a square (1) and cool (&) image
-
/ h
, Drag your image \
‘ or
Browse other I
N -—
Supports JPG & PNG
CANCEL
-
On(]
|* < Workspace Members
Hi! Hope you're great today )
WORKSPACE BILLING DEVELOPER
ﬁ Mobbin Workspace
Workspace settings
Manage who can add a member with a paid role or change a member's role
from free to paid—learn more
@ Owner, Admins, Editors and Developers
O Owner and Admins
‘- Members can only invite other members at a role level less than or equal
to their own role. All members can add Reviewers to your workspace
projects. You can learn more about roles here.
-
Ox(]
|& < Workspace Members _
Hi! Hope you're great today :)
WORKSPACE BILLING DEVELOPER
Change your Workspace avatar
Prefer a square (/1) and cool (®) image
CANCEL UPDATE
=
On(]
|* < Workspace Members )
Hil Hope you're great today )
WORKSPACE BILLING DEVELOPER
Change your Workspace avatar
Prefer a square (1) and cool (&) image
CANCEL UPDATE
=
On(]
|* < Workspace Members .
Hi! Hope you're great today )
WORKSPACE BILLING DEVELOPER
Change your Workspace avatar
Prefer a square (1) and cool (&) image
0.

CANCEL
-
On(]


Reordering color palette

screenPatterns:
Reorder
Other Content

screenKeywords:
* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
& Color palette .
Local Styleguide - oot Sy
Aa Text style catalog . : P '
N
- Spacing and layout |
#reddish-pink
52 Components #ff2ce  100% #black
rgb 2554494 =
Export Design Tokens
Linked to Untitled = @
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
& Color palette .
Local Styleguide - oot Sy
Aa Text style catalog . - . - .
N
- Spacing and layout
#reddish-pink #black
52 Components #ff2c5e  100% #000000 100%
rgb 25544 94 rgb000
Export Design Tokens
Linked to Untitled = @
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
& Color palette .
Local Styleguide - oot Sy
Aa Text style catalog o ; ; . .
N
- Spacing and layout
#reddish-pink
52 Components #ff2cs5e  100%
rgb 255 44 94
. #black
Export Design Tokens
Linked to Untitled = @
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
& Color palette .
Local Styleguide - oot Sy
Aa Text style catalog . - . - .
N
- Spacing and layout
#black #reddish-pink
52 Components #000000 100% #ff2c5e  100%
rgb000 rgb 25544 94
Export Design Tokens
Linked to Untitled = @
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
& Color palette .
Local Styleguide - oot Sy
Aa Text style catalog . - . - .
N
- Spacing and layout
#black #reddish-pink
52 Components = #000000 100% #ff2c5e  100%
rgb000 rgb 25544 94
Export Design Tokens
Linked to Untitled = @


Searching for project

screenKeywords:
Notification Settings

Send me desktop notifications ]
Send me email notifications
Follow projects
You will receive email notifications only from the
projects you choose to follow

4 projects followed v

Q Search for a project

Select all projects

Personal Workspace

Production, Web

Mobbin Home

Dashboard filters, Web

MVP, Web

Onboarding Flow, Web
|Notification Settings

Send me desktop notifications »
Send me email notifications
Follow projects
You will receive email notifications only from the
projects you choose to follow

4 projects followed v

Q, production

Unselect all search results

Personal Workspace

Production, Web
SCTEENS UPQ@TEq
Version added to a screen
Coamment renlies
|Notification Settings
Send me desktop notifications »
Send me email notifications
Follow projects
You will receive email notifications only from the
projects you choose to follow
4 projects followed v
Q, testing
No project with this name
mﬂruuumw‘prv[ccm—
Screens updated
Version added to a screen
Coamment renlies


Apply coupon

screenPatterns:
Checkout
Promotions & Rewards

screenKeywords:
(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size v 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
1 v seats on monthly plan, $10/mo per seat. Apply coupon + User Management
+ Unlimited Reviewers
$1 0.00 + Unlimited Version History
Monthly, due today
Pay $10.00 monthly
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size v 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
1 v seats on monthly .. $10/mo per seat. Apply + User Management
+ Unlimited Reviewers
$1 0.00 + Unlimited Version History
Monthly, due today
Pay $10.00 monthly
|Coupon is invalid

Please make sure that you typed it correctly. If
you're still having issues let us know:
support@zeplin.io
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size v 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
1 v seats on monthly .. $10/mo per seat. velcome10 @511 v User Management
+ Unlimited Reviewers
$1 0.00 + Unlimited Version History
Monthly, due today
Pay $10.00 monthly


Upgrading plan

screenPatterns:
Subscription & Paywall
Pricing

screenElements:
Dialog
Dialog
Select
Progress Indicator
Card

screenPatterns:
Loading
Checkout
Subscription & Paywall
Pricing
Home
Acknowledgement & Success
Payment Method

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

screenKeywords:
Zeplin, Inc.
Team plan for Mobbin Workspace
jsmith.mobbin2@gmail.com
5 12345674
B 12/20 & 000
|-,
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size v 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
1 v seats on monthly plan, $10/mo per seat. Apply coupon + User Management
+ Unlimited Reviewers
$1 0.00 + Unlimited Version History
Monthly, due today
Pay $10.00 monthly
|Change plan
You can upgrade or downgrade to another plan, change your plan’s billing cycle or cancel your plan below.
Team Organization Enterprise
Best for small teams Best for medium size teams Best for large teams
$8 seatt/mo $16 seat/mo
12 seat minimum Custom Pricing
~ 12 Projects
E hi in T lus: f f A q .
 Flows (up to 6 projects) verything in Team, plus; Everything in Organization, plus;
< Unlimi . -
+ Team Workspace Unlimited Projects v Flows (unlimited)
v Fl to 12 ject
+ User Management ows (up to 12 projects) + Flows Boards
+ Unlimited Reviewers + Advanced User Permissions + Single Sign on (SSO)
o . . + Jira Server and Data Center + SCIM
+ Unlimited Version History Integration
+ Invoiced Billing
~ Priority Support
+ Dedicated Success Manager
+ 24hr Support SLA
|* Workspace Q Search workspace ‘_ !
Projects  Styleguides
Created v Q Filter by name
Welcome to your workspace! #
This is your personal workspace where you can view your projects and styleguides. You
can browse through the sample project below or create a new project.
Q Gotit!
— - [
~ ~ ~~/ .. Sample Project
IS — =
o= e ‘
L B . \ B S .
TE v
i0S 4h
Snack Overflow App
L (2]
-
On(]
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(® Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(O Monthly
$10/mo, per editor and developer $8 seat*/mo
Team size ~ 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
3 v seats on annual plan, $8/mo per seat. + User Management
+ Unlimited Reviewers
$28800 + Unlimited Version History
Annually, due today
Pay $288.00 annually
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size v 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
g v seats on monthly plan, $10/mo per seat. Apply coupon + User Management
+ Unlimited Reviewers
$3000 + Unlimited Version History
Monthly, due today
Pay $30.00 monthly
|x g a0
Oh 1a 13! You successfully created your Workspace! #&
You now have access to a Team Workspace where you can organize your projects and members. Start by managing
your members from the Workspace Members page.
Manage Workspace Members
.k < Workspace Workspace Members
Snack Overflow Export CSV Settings
132 members
All roles v Q Search for a project
San Francisco Istanbul i0S Team Android Team Product Managers Marketing QA
Username Role v Access Last seen Tags
Q ::"':i‘g“’;':"‘:e"ez Owner Al projects 9 min ago San Francisco
. :‘:f‘:"a';:"‘u"';ffl‘:f‘fa"‘e“ﬂd"‘ Admin Al projects 16 min ago Android Team, Istanbul
° ‘;f('fz*::n‘f“::f:f: @vigitcanyurtsever Editor Al projects 3 hours ago i0S Team, San Francisco
Q Z‘::r:‘d‘g‘t‘:f::ﬁ[“m Developer Al projects 4hours ago QA, Istanbul
|Zeplin, Inc.
Team plan for Mobbin Workspace
jsmith.mobbin2@gmail.com
5 vISA
O (=]
|(1) Create a workspace (@ Payment details
Let's finalize your team and payment details ‘b
Billing period
(O Annually — 20% offl Team
$8/mo, per editor and developer Best for small teams
(® Monthly
$10/mo, per editor and developer $1 0 seat*/mo
Team size ~ 12 Projects
Your team currently has 5 people. On this plan, you'll be charged only for + Flows (up to 6 projects)
designers and developers. How many seats do you need?
+ Team Workspace
g v seats on monthly plan, $10/mo per seat. Apply coupon + User Management
5 + Unlimited Reviewers
10 $3000 + Unlimited Version History
Monthly, due today
15
20
25
|Zeplin, Inc.
Team plan for Mobbin Workspace
jsmith.mobbin2@gmail.com
5 vISA
O (=]
|@ Create a workspace  (2) Payment details PRPIPS
P Mobbin Workspace
Let's name your workspace! P
Pick a name for your new Team Workspace—a name your team will feel
familiar with. You can always change this later.
4= Sections v @ Status v
Mobbin Workspace
v v =
@ Development
| 4 ’ .
y - A 5
7h
Snack overflow S
Upgrading transfers your existing projects and billing information to this
workspace. To create an empty workspace instead,
|@ Create a workspace  (2) Payment details PRPIPS
1
Let's name your workspace!
Pick a name for your new Team Workspace—a name your team will feel
familiar with. You can always change this later.
4= Sections v @ Status v
Ex. Acme Corp
100
' v =
@ Development
| 4 ’ .
y - A 5
7h
Snack overflow S
Upgrading transfers your existing projects and billing information to this
workspace. To create an empty workspace instead,
|* Workspace Q Search workspace Q !
jsmith.mobbin2@gmail.com
Projects Styleguides jsmith.mobbin2@gmail.com
— Not verified yet.
Created v Q Filter by name I
i Free Update Plan
Welcome to your workspace! #
Notification Settings
This is your personal workspace where you can view your projects and styleguides. You
can browse through the sample project below or create a new project.
Q Gotit! Log out
! ~ - - f = o=
9:27 il = - I = .. Sample Project
Y ey X e
a LB "~/
| oE= . ~ - |
Ranictar ' n.l ;~.. Q = WS
WEB now ios 2h
MVP Snack Overflow App
. 10660
-
Ox(]
|Zeplin, Inc.
Team plan for Mobbin Workspace
jsmith.mobbin2@gmail.com
5|
O =]


Pinning a project

screenPatterns:
Favorite & Pin
Favorite & Pin

screenKeywords:
* ° Mobbin Home's Workspace v Q, Search workspace ’ !
#= Sections v All v Q Filter by name
Web v e
5 projects - No linked styleguides & Resources - <& References - Add link
All web app related material
Show more
9:27 wll T .
o
Ranictar
WEB 5Tm WEB m WEB now WEB now
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
WEB now
Dashboard filters
Mobile v e -
Ox(]
Add link
|* ° Mobbin Home's Workspace v Q, Search workspace ‘ !
#= Sections v All v Q Filter by name
Web v -
5 projects - No linked styleguides - <8 Resources - <> References - Add link
All web app related material
Show more
4 ® = No Status *
Ranictar
WEB 49m WEB m WEB now WEB now
MVP Onboarding Flow Sign up Setting up device
WEB now
Dashboard filters
Mobile v -
On(]
Add link
|* ° Mobbin Home's Workspace v Q, Search workspace ‘ !
-
Projects  Styleguides
%9"7 © Discovery
«
Ranictar
WEB 54m
MVP
® 9
#= Sections v All v Q Filter by name Create Project | v
Welcome to your team's workspace! #
This is your workspace where you can access the team'’s projects and styleguides. You can either join the
projects below or create a new project.
Q Gotit!
Web v -
5 projects - No linked styleguides - <5 Resources - <5 References - Add link
All web app related material
Show more
927 © Discovery


Changing version history color

screenKeywords:
* < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Today 9:27 ol T .
File: Figma basics 8
o d : .,. ©,..mobbi.4. oo
3 Annotations
What has changed? ;
m Requirement  Animation
ENTER COMMIT MESSAGE
0 @ Requirement jsmith.mobbin2.. 13m
® 225PM J note that stroke weight has changed, its 2px
ane now
Got any notes? e
ENTER COMMIT MESSAGE SAN FRANCISCO, CA @ Animation jsmith.mobbin2.. 11m
gradient fills up when app opens
The Story begins here!
“Versions” panel lists the :
changes on this screen . Requirement
over time. MESSAGE U
T e et
o Q G.Animation 8
Reusable components N
— No reusable components yet
. . . Assets ."
X — 89% <+ B3 Nocomponentsyet v Ef Addcomment @@  Show All v o B =
|* < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Today 9:27 ol T .
File: Figma basics 8
° @ jsmith.mo.. 3:09 PM
3 Annotations
What has changed? ;
m Requirement  Animation
ENTER COMMIT MESSAGE
0 @ Requirement jsmith.mobbin2.. 13m
® 225PM J note that stroke weight has changed, its 2px
ane now
Got any notes? e
ENTER COMMIT MESSAGE SAN FRANCISCO, CA @ Animation jsmith.mobbin2.. 11m
gradient fills up when app opens
The Story begins here!
“Versions” panel lists the
changes on this screen Requirement
over time. MESSAGE U
T e et
o Q G.Ammatlon 8
Reusable components N
— No reusable components yet
. . . Assets ."
X — 89% <+ B3 Nocomponentsyet v Ef Addcomment @@  Show All v o B =
|* < Dashboard Profile > Q Search workspace " @
Version History Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
Today 9:27 ol T .
File: Figma basics 8
o O: .,. .,..mobbi... oo
3 Annotations
What has changed? ;
o - m Requirement  Animation
ENTER COMMIT MESSAGE
0 @ Requirement jsmith.mobbin2.. 13m
® 225PM J o note that stroke weight has changed, its 2px
ane now
Got any notes?
ENTER COMMIT MESSAGE SAN FRANCISCO, CA @ Animation jsmith.mobbin2.. 11m
gradient fills up when app opens
The Story begins here!
“Versions” panel lists the :
changes on this screen . Requirement
over time. MESSAGE @
S st et S
o Q G.Animation 8
Reusable components N
— No reusable components yet
-
Assets
X — 89% <+ B2 Nocomponentsyet v EF Add comment @ ShowAll v o B .0‘


Accepting an invitation

screenKeywords:
| . .
You're invited to
p Mobbin Workspace
We're so happy you're here, let’s start by signing up.
-
G sign up with Google
T jonsmith.mobbin@gmail.com + Looks good!
@GI = @(5 (1
NN G) —— 7
- @ ON\ ) = cesscessccnscconnns Show + Looks good!
©)50=1
o= ;
AT =R E I V [ 1 agree to Terms of Service
1
= =
J —
Already have an account? Login
|| . .
You're invited to
p Mobbin Workspace
We're so happy you're here, let’s start by signing up.
—
G sign up with Google
T jonsmith.mobbin@gmail.com + Looks good!
@GI = @6) (1
O D)~ A y
2 (A ) | 0= Password
©)50=1
o= ;
Ao =2 = l |:| | agree to Terms of Service
1
= R\
J —
Already have an account? Login
|| . .
You're invited to
p Mobbin Workspace
We're so happy you're here, let’s start by signing up.
—
G sign up with Google
ST jonsmith.mobbin@gmail.com Vv Looks good!
@G’ = QQ !
O D)~ A y
- @ ON\ ) =y cesscessccnscconnns Show + Looks good!
©)50=
o= éa\
AT == F ' V | agree to Terms of Service
1
= R
e —
Already have an account? Login


Downloading assets

screenElements:
Stacked List
Badge

screenElements:
Chip
Stacked List
Badge
Button
Loading Indicator

screenPatterns:
Upload & Download
Loading

screenKeywords:
* < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 th
View in Stage Mode )
9:27 ol T @m)
File: Figma basics 8
3 Annotations
m Requirement  Animation
0 @ Requirement jsmith.mobbin2... 56m
note that stroke weight has changed, its 2px
Jone® now
SAN FRANCISCO, CA @ Animation jsmith.mobbin2... 54m
gradient fills up when app opens
Requirement :
‘ MESSAGE O | ;
A W o P iR
»n n Eriai g I =5
L B - SS
o Q G.Animation 8
Reusable components N
— No reusable components yet
o . . o . Assets ."
jsmith.mob... , 1version now — 89% + 88 Nocomponents yet v EY Add comment @ ShowAll v 4 exportable layers -
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e‘ = ; 4 @D Requirement  Animation
s | =
\} % @ Requirement jsmith.mobbin2@... Tm
‘ o note that stroke weight has changed, its 2px
now
@ Animation jsmith.mobbin2@... now
SAN FRANCISCO, CA gradient fills up when app opens
‘ MESSAGE .Reqmremem
e T, ]
/ \ |
ey
: eyl A
| A b ‘: | 4
> 1 'I
AT -~
el T
| L3
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
Animation Q Assets ."
jsmith.mob..., 1 version 35m ~ — 100% + &8 No components yet v O E} Add comment @ ShowAll v No assets yet -
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 all T - Assets =
Download all assets
% - 12 bitmap images
e 1x, 2%, 3x b
- 4 optimized vector images
o SG ~34% smaller 2
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
40px x 40px
{f Search
40px x 40px
‘ R t :
MESSAGE @ Sduiremen 0 Chat
40px x 40px
o} Profile
- 40px x 40px
e
v r,:"“ | Lo o %4;.;}3- .A&:,:‘.‘.f\, b )
T RD (e
o Q G.Animation 8
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v EF Add comment m Show All v f=
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 all T - Assets =
Download all assets
% - 12 bitmap images
e 1x, 2x, 3x 2
- 4 optimized vector images
o SG ~34% smaller 2
J O n e e Download individual assets
SAN FRANCISCO, CA Home -
@ 40px x 40px e
{f Search
40px x 40px
‘ R t :
MESSAGE @ Sduiremen 0 Chat
40px x 40px
o} Profile
- 40px x 40px
e
i r::;‘. {B s s ;"“ﬁx' -w;;.?i o
T RD (e
o Q G.Animation 8
jsmith.mob... , 1 version now - 89% + g9 No components yet v Ef Add comment m Show All v Download selected assets
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 ol T @ Assets s
@ E ® A e m e vV
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
FOLLOW JANE Search
_ e~
‘ R S
MESSAGE @ cqurement 0 Chat
Q Profile
;"s; | ' L, P .-a.‘;‘“\ R
. A N |
o o @Eoreos
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v Ef Add comment m Show All v f=


Filtering annotations

screenKeywords:
Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e‘ = ; 4 @D Requirement  Animation
s | =
\} % @ Requirement jsmith.mobbin2@... Tm
‘ o note that stroke weight has changed, its 2px
now
@ Animation jsmith.mobbin2@... now
SAN FRANCISCO, CA gradient fills up when app opens
‘ MESSAGE .Reqmremem
e T, ]
/ \ |
ey
: eyl A
| A b ‘: | 4
> 1 'I
AT -~
el T
| L3
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
Animation Q Assets ."
jsmith.mob..., 1 version 35m ~ — 100% + &8 No components yet v O E} Add comment @ ShowAll v No assets yet -
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 th
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
U 29) Al Animation
o I .
* % jsmith.mobbin2@... Tm
‘ o note that stroke weight has changed, its 2px
now
SAN FRANCISCO, CA
S
Requirement
‘ MESSAGE .5*
p, £ P .piﬂ
/ \ |
-
I‘ ‘: - (‘1 %
AY -
- W
| B
| “}
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mob... , 1 version 35m  — 100% + I®) & Ef Add comment (@, Filtered v T .0‘