Figma
Collaborative design and prototyping tool
Canvas-based UI modes
Extracted with Dembrandt. Showing a simplified version — the full output includes logos, gradients, animations, and more. Try the CLI for complete results.
Colors
#0d99ff
#1e1e1e
#a259ff
#1abcfe
#0acf83
#ffffff
Typography
Inter, system-ui, sans-serif
hero:80px / 700
body:16px / 400
button:13px / 400
Shadows
sm
md
lg
Spacing
4px8px12px16px24px48px
Border Radius
6px
8px
12px
output.json
{
"url": "figma.com",
"colors": [
"#0d99ff",
"#1e1e1e",
"#a259ff",
"#1abcfe",
"#0acf83",
"#ffffff"
],
"typography": {
"fontFamily": "Inter, system-ui, sans-serif",
"hero": "80px / 700",
"body": "16px / 400",
"button": "13px / 400"
},
"shadows": [
"0 1px 2px rgba(0,0,0,0.1)",
"0 4px 12px rgba(0,0,0,0.15)",
"0 12px 28px rgba(0,0,0,0.2)"
],
"spacing": [
"4px",
"8px",
"12px",
"16px",
"24px",
"48px"
],
"borderRadius": [
"6px",
"8px",
"12px"
]
}$npx dembrandt figma.com