figma-restoration-mcp-vue-tools
Version:
Professional Figma Component Restoration Kit - MCP tools with snapDOM-powered high-quality screenshots, intelligent shadow detection, and advanced diff analysis for Vue component restoration. Features enhanced figma_compare with color-coded region analysi
210 lines • 5.56 kB
JSON
{
"metadata": {
"name": "Dev Mode playground (Community)",
"lastModified": "2025-08-06T02:31:33Z",
"thumbnailUrl": "https://s3-alpha.figma.com/thumbnails/a5379641-e200-41a7-9bf7-1a00b4d62a0e?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQ4GOSFWCS2LHWM5N%2F20250807%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20250807T000000Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=98f08cd2f5a3c85c7c04693524bcaf511135f3eb0665773ef02646834f3202a2"
},
"nodes": [
{
"id": "2836:1478",
"name": "Design v1",
"type": "FRAME",
"boundingBox": {
"x": 0,
"y": 0,
"width": 194,
"height": 270
},
"strokes": "stroke_RW9APL",
"layout": "layout_7H4OL0",
"children": [
{
"id": "2827:8515",
"name": "Layout",
"type": "FRAME",
"layout": "layout_KZMLUY",
"children": [
{
"id": "2827:8507",
"name": "Frame 1",
"type": "FRAME",
"layout": "layout_H1KLPK",
"children": [
{
"id": "2827:8496",
"name": "Square 1",
"type": "RECTANGLE",
"fills": "fill_M5EXOL",
"layout": "layout_K7B9KR"
},
{
"id": "2827:8497",
"name": "Square 2",
"type": "RECTANGLE",
"fills": "fill_M5EXOL",
"layout": "layout_K7B9KR"
}
]
},
{
"id": "2836:1466",
"name": "Rectangle Group",
"type": "GROUP",
"layout": "layout_YBW9SU",
"children": [
{
"id": "2827:8493",
"name": "Rectangle",
"type": "RECTANGLE",
"boundingBox": {
"x": 16,
"y": 103,
"width": 162,
"height": 77.25
},
"fills": "fill_M5EXOL",
"layout": "layout_QJIV9C"
},
{
"id": "2836:1467",
"name": "Text in Rectangle",
"type": "TEXT",
"boundingBox": {
"x": 44,
"y": 134,
"width": 105,
"height": 15
},
"textStyle": "style_D6VKAQ",
"fills": "fill_W50YUH",
"layout": "layout_5UT7JN",
"text": "Some Text In Here"
}
]
},
{
"id": "2827:8503",
"name": "Frame 2",
"type": "FRAME",
"layout": "layout_H1KLPK",
"children": [
{
"id": "2827:8504",
"name": "Square 1",
"type": "RECTANGLE",
"fills": "fill_M5EXOL",
"layout": "layout_K7B9KR"
},
{
"id": "2827:8505",
"name": "Square 2",
"type": "RECTANGLE",
"fills": "fill_M5EXOL",
"layout": "layout_K7B9KR"
}
]
}
]
}
]
}
],
"globalVars": {
"styles": {
"stroke_RW9APL": {
"colors": [
"#000000"
],
"strokeWeight": "2px",
"strokeAlign": "INSIDE"
},
"layout_7H4OL0": {
"mode": "none",
"clipsContent": true,
"dimensions": {
"width": 194,
"height": 270
}
},
"layout_KZMLUY": {
"mode": "column",
"gap": "12px",
"padding": "16px",
"sizing": {
"horizontal": "hug",
"vertical": "hug"
},
"locationRelativeToParent": {
"x": 0,
"y": 0
}
},
"layout_H1KLPK": {
"mode": "row",
"gap": "12px",
"sizing": {
"horizontal": "hug",
"vertical": "hug"
}
},
"fill_M5EXOL": [
"#D9D9D9"
],
"layout_K7B9KR": {
"mode": "none",
"sizing": {
"horizontal": "fixed",
"vertical": "fixed"
},
"dimensions": {
"width": 75,
"height": 75
}
},
"layout_YBW9SU": {
"mode": "none",
"sizing": {
"horizontal": "fixed",
"vertical": "fixed"
},
"dimensions": {
"width": 162,
"height": 77.25
}
},
"layout_QJIV9C": {
"mode": "none",
"locationRelativeToParent": {
"x": 0,
"y": 0
},
"dimensions": {
"width": 162,
"height": 77.25
}
},
"style_D6VKAQ": {
"fontFamily": "Inter",
"fontWeight": 400,
"fontSize": 12,
"lineHeight": "1.2102272510528564em",
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP"
},
"fill_W50YUH": [
"#000000"
],
"layout_5UT7JN": {
"mode": "none",
"locationRelativeToParent": {
"x": 28,
"y": 31
},
"dimensions": {
"width": 105,
"height": 15
}
}
}
}
}