We use these tokens to implement fluid spacing* values on components and layouts.
Name
@360px
@768px
@1440px
Name
@360px
@768px
@1440px
1
space-100
4px
5px
6px
2
space-200
8px
10px
12px
3
space-300
12px
14px
18px
4
space-400
16px
19px
23px
5
space-500
24px
29px
35px
6
space-600
32px
38px
47px
7
space-700
48px
57px
70px
8
space-800
64px
76px
93px
9
space-900
96px
114px
140px
10
space-1000
144px
169px
210px
There are no rows in this table
* Within Figma, designers use fixed canvas sizes (360px, 768px and 1440px), so the values of the tokens below are “snapshots” of what that token would be on it’s fluid scale at that particular screen size on the web.
