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-07T03:11:11Z",
"thumbnailUrl": "https://s3-alpha.figma.com/thumbnails/b6850441-a04d-40d9-b717-4a766a1f5d89?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=c7511a2ee077e062c44c8c8ca5cdbafb81afe1322612706e39deed1950201a36"
},
"nodes": [
{
"id": "2836:1478",
"name": "Design v1",
"type": "FRAME",
"boundingBox": {
"x": 0,
"y": 0,
"width": 194,
"height": 270
},
"strokes": "stroke_BXG6Q8",
"layout": "layout_5J641V",
"children": [
{
"id": "2827:8515",
"name": "Layout",
"type": "FRAME",
"layout": "layout_REG6KS",
"children": [
{
"id": "2827:8507",
"name": "Frame 1",
"type": "FRAME",
"layout": "layout_2FP2SJ",
"children": [
{
"id": "2827:8496",
"name": "Square 1",
"type": "RECTANGLE",
"fills": "fill_Y1I53J",
"layout": "layout_J0FESU"
},
{
"id": "2827:8497",
"name": "Square 2",
"type": "RECTANGLE",
"fills": "fill_Y1I53J",
"layout": "layout_J0FESU"
}
]
},
{
"id": "2836:1466",
"name": "Rectangle Group",
"type": "GROUP",
"layout": "layout_C2LK1S",
"children": [
{
"id": "2827:8493",
"name": "Rectangle",
"type": "RECTANGLE",
"boundingBox": {
"x": 16,
"y": 103,
"width": 162,
"height": 77.25
},
"fills": "fill_Y1I53J",
"layout": "layout_H4J55X"
},
{
"id": "2836:1467",
"name": "Text in Rectangle",
"type": "TEXT",
"boundingBox": {
"x": 44,
"y": 134,
"width": 105,
"height": 15
},
"textStyle": "style_65FOXG",
"fills": "fill_VJOGGB",
"layout": "layout_OL9EL2",
"text": "Some Text In Here"
}
]
},
{
"id": "2827:8503",
"name": "Frame 2",
"type": "FRAME",
"layout": "layout_2FP2SJ",
"children": [
{
"id": "2827:8504",
"name": "Square 1",
"type": "RECTANGLE",
"fills": "fill_Y1I53J",
"layout": "layout_J0FESU"
},
{
"id": "2827:8505",
"name": "Square 2",
"type": "RECTANGLE",
"fills": "fill_Y1I53J",
"layout": "layout_J0FESU"
}
]
}
]
}
]
}
],
"globalVars": {
"styles": {
"stroke_BXG6Q8": {
"colors": [
"#000000"
],
"strokeWeight": "2px",
"strokeAlign": "INSIDE"
},
"layout_5J641V": {
"mode": "none",
"clipsContent": true,
"dimensions": {
"width": 194,
"height": 270
}
},
"layout_REG6KS": {
"mode": "column",
"gap": "12px",
"padding": "16px",
"sizing": {
"horizontal": "hug",
"vertical": "hug"
},
"locationRelativeToParent": {
"x": 0,
"y": 0
}
},
"layout_2FP2SJ": {
"mode": "row",
"gap": "12px",
"sizing": {
"horizontal": "hug",
"vertical": "hug"
}
},
"fill_Y1I53J": [
"#D9D9D9"
],
"layout_J0FESU": {
"mode": "none",
"sizing": {
"horizontal": "fixed",
"vertical": "fixed"
},
"dimensions": {
"width": 75,
"height": 75
}
},
"layout_C2LK1S": {
"mode": "none",
"sizing": {
"horizontal": "fixed",
"vertical": "fixed"
},
"dimensions": {
"width": 162,
"height": 77.25
}
},
"layout_H4J55X": {
"mode": "none",
"locationRelativeToParent": {
"x": 0,
"y": 0
},
"dimensions": {
"width": 162,
"height": 77.25
}
},
"style_65FOXG": {
"fontFamily": "Inter",
"fontWeight": 400,
"fontSize": 12,
"lineHeight": "1.2102272510528564em",
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP"
},
"fill_VJOGGB": [
"#000000"
],
"layout_OL9EL2": {
"mode": "none",
"locationRelativeToParent": {
"x": 28,
"y": 31
},
"dimensions": {
"width": 105,
"height": 15
}
}
}
}
}