Figma Token Generator
Generate responsive design tokens with clamp calculations
Desk & Mob
Any Device
Token Name
Property Type
padding
margin
height
width
font-size
Direction
all
top
bottom
left
right
top & bottom
left & right
Unit Type
Viewport Width (vw)
Viewport Height (vh)
Desktop Value (px)
Figma Max Width (px)
Min Desktop Width (px)
Mobile Value (px)
Figma Min Width (px)
Max Mobile Value (px)
Live Calculations:
Desktop
Mobile
Generate Code
Token Name
Property Type
padding
margin
height
width
font-size
Direction
all
top
bottom
left
right
top & bottom
left & right
Unit Type
Viewport Width (vw)
Viewport Height (vh)
Mobile Value (px)
Figma Min Width (px)
Max Container Value (px)
Live Calculation:
Responsive Value
The min padding of strip-space in 375px viewport width is 48px
The max padding of strip-space in 1200px viewport width is 154px
Copy Code
×
