Error: JSON and Figma nodes have different child counts

[hung3102]

FigmaToCode is an awesome plugin. It has not any problem until some days ago.

Steps to Reproduce

1. Open the plugin
2. Select the figma layer
3. Observe the error

Expected Behavior

The code should be generated successfully

Actual Behavior

An error message appears: "Error: JSON and Figma nodes have different child counts. Please report this issue."

Design Reference

No response

Screenshots or Videos

• Figma layer:

• Preview:

• Generated code:

<div data-state="Default" data-value-Type="Placeholder" className="self-stretch inline-flex flex-col justify-start items-start gap-2">
  <div></div>
  <div className="self-stretch min-w-60 px-4 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-0.50px] outline-[#d9d9d9] inline-flex justify-start items-center overflow-hidden">
    <div></div>
  </div>
</div>

Figma json

``` { "json": [ { "id": "1868:6263", "name": "Input Field", "type": "INSTANCE", "scrollBehavior": "SCROLLS", "boundVariables": { "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:15bb1c0f339146e931cf0dc15f89ed57dcbd907e/564:255" } }, "componentId": "162:1256", "componentProperties": { "Value#630:14": { "value": "人事部人事課", "type": "TEXT" }, "Description#611:27": { "value": "Description", "type": "TEXT" }, "Has Description#611:20": { "value": false, "type": "BOOLEAN" }, "Error#280:44": { "value": "Error", "type": "TEXT" }, "Has Label#57:0": { "value": true, "type": "BOOLEAN" }, "Label#280:41": { "value": "部署", "type": "TEXT" }, "Has Error#72:6": { "value": false, "type": "BOOLEAN" }, "State": { "value": "Default", "type": "VARIANT", "boundVariables": {} }, "Value Type": { "value": "Placeholder", "type": "VARIANT", "boundVariables": {} } }, "overrides": [ { "id": "1868:6263", "overriddenFields": [ "counterAxisSizingMode", "height", "width" ] } ], "children": [ { "id": "I1868:6263;280:14320", "name": "Label", "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Label#57:0", "characters": "Label#280:41" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.11764705926179886, "g": 0.11764705926179886, "b": 0.11764705926179886, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -1017, "width": 816, "height": 22 }, "absoluteRenderBounds": { "x": 3607.672119140625, "y": -1013.3759765625, "width": 30.4638671875, "height": 14.6719970703125 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "characters": "部署", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] }, { "id": "I1868:6263;611:27553", "name": "Description", "visible": false, "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Description#611:20", "characters": "Description#611:27" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:3184ed9d395b6588f571919557ce051337792211/668:77" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.4588235318660736, "g": 0.4588235318660736, "b": 0.4588235318660736, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:3184ed9d395b6588f571919557ce051337792211/668:77" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -987, "width": 240, "height": 22 }, "absoluteRenderBounds": null, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "characters": "Description", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] }, { "id": "I1868:6263;565:14989", "name": "Input", "type": "FRAME", "scrollBehavior": "SCROLLS", "boundVariables": { "paddingLeft": { "type": "VARIABLE_ALIAS", "id": "VariableID:16bc6f84b6e7e20e4234ef79030ee580ec0f4505/564:258" }, "paddingTop": { "type": "VARIABLE_ALIAS", "id": "VariableID:fabe3eb617318c0a59ce59bbea8eebdf1fa7d14c/564:257" }, "paddingRight": { "type": "VARIABLE_ALIAS", "id": "VariableID:16bc6f84b6e7e20e4234ef79030ee580ec0f4505/564:258" }, "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:fabe3eb617318c0a59ce59bbea8eebdf1fa7d14c/564:257" }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_BOTTOM_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_LEFT_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_RIGHT_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" } }, "rectangleCornerRadii": { "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" } }, "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } ], "strokes": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:395870afebb3397e858358930ffdd69a5ec0f73d/668:81" } ] }, "children": [ { "id": "I1868:6263;565:14990", "name": "Value", "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "characters": "Value#630:14" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:f473990ee342226b34daedc73ed5d4491a678dbe/668:74" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.7019608020782471, "g": 0.7019608020782471, "b": 0.7019608020782471, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:f473990ee342226b34daedc73ed5d4491a678dbe/668:74" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3623, "y": -975, "width": 784, "height": 16 }, "absoluteRenderBounds": { "x": 3623.528076171875, "y": -974.4400024414062, "width": 95.0078125, "height": 14.76800537109375 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "INHERIT", "layoutGrow": 1, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "characters": "人事部人事課", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 16, "lineHeightPercent": 82.62911224365234, "lineHeightPercentFontSize": 100, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:91" }, "effects": [], "interactions": [] } ], "blendMode": "PASS_THROUGH", "clipsContent": true, "background": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } } } ], "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } } } ], "strokes": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.8509804010391235, "g": 0.8509804010391235, "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:395870afebb3397e858358930ffdd69a5ec0f73d/668:81" } } } ], "cornerRadius": 8, "cornerSmoothing": 0, "strokeWeight": 1, "strokeAlign": "CENTER", "backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 }, "layoutMode": "HORIZONTAL", "primaryAxisSizingMode": "FIXED", "counterAxisAlignItems": "CENTER", "paddingLeft": 16, "paddingRight": 16, "paddingTop": 12, "paddingBottom": 12, "layoutWrap": "NO_WRAP", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -987, "width": 816, "height": 40 }, "absoluteRenderBounds": { "x": 3606.5, "y": -987.5, "width": 817, "height": 41 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "minWidth": 240, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "effects": [], "interactions": [] }, { "id": "I1868:6263;280:15668", "name": "Error", "visible": false, "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Error#72:6", "characters": "Error#280:44" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.11764705926179886, "g": 0.11764705926179886, "b": 0.11764705926179886, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -939, "width": 37, "height": 22 }, "absoluteRenderBounds": null, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "INHERIT", "layoutGrow": 0, "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "characters": "Error", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "WIDTH_AND_HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] } ], "blendMode": "PASS_THROUGH", "clipsContent": false, "background": [], "fills": [], "strokes": [], "strokeWeight": 1, "strokeAlign": "INSIDE", "backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 }, "layoutMode": "VERTICAL", "counterAxisSizingMode": "FIXED", "itemSpacing": 8, "layoutWrap": "NO_WRAP", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -1017, "width": 816, "height": 70 }, "absoluteRenderBounds": { "x": 3606.5, "y": -1017, "width": 817, "height": 70.5 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "effects": [], "interactions": [] } ], "newConversion": [ { "id": "1868:6263", "name": "Input Field", "type": "INSTANCE", "scrollBehavior": "SCROLLS", "boundVariables": { "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:15bb1c0f339146e931cf0dc15f89ed57dcbd907e/564:255" } }, "componentId": "162:1256", "componentProperties": { "Value#630:14": { "value": "人事部人事課", "type": "TEXT" }, "Description#611:27": { "value": "Description", "type": "TEXT" }, "Has Description#611:20": { "value": false, "type": "BOOLEAN" }, "Error#280:44": { "value": "Error", "type": "TEXT" }, "Has Label#57:0": { "value": true, "type": "BOOLEAN" }, "Label#280:41": { "value": "部署", "type": "TEXT" }, "Has Error#72:6": { "value": false, "type": "BOOLEAN" }, "State": { "value": "Default", "type": "VARIANT", "boundVariables": {} }, "Value Type": { "value": "Placeholder", "type": "VARIANT", "boundVariables": {} } }, "overrides": [ { "id": "1868:6263", "overriddenFields": [ "counterAxisSizingMode", "height", "width" ] } ], "children": [ { "id": "I1868:6263;280:14320", "name": "Label", "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Label#57:0", "characters": "Label#280:41" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.11764705926179886, "g": 0.11764705926179886, "b": 0.11764705926179886, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -1017, "width": 816, "height": 22 }, "absoluteRenderBounds": { "x": 3607.672119140625, "y": -1013.3759765625, "width": 30.4638671875, "height": 14.6719970703125 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "characters": "部署", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] }, { "id": "I1868:6263;611:27553", "name": "Description", "visible": false, "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Description#611:20", "characters": "Description#611:27" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:3184ed9d395b6588f571919557ce051337792211/668:77" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.4588235318660736, "g": 0.4588235318660736, "b": 0.4588235318660736, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:3184ed9d395b6588f571919557ce051337792211/668:77" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -987, "width": 240, "height": 22 }, "absoluteRenderBounds": null, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "characters": "Description", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] }, { "id": "I1868:6263;565:14989", "name": "Input", "type": "FRAME", "scrollBehavior": "SCROLLS", "boundVariables": { "paddingLeft": { "type": "VARIABLE_ALIAS", "id": "VariableID:16bc6f84b6e7e20e4234ef79030ee580ec0f4505/564:258" }, "paddingTop": { "type": "VARIABLE_ALIAS", "id": "VariableID:fabe3eb617318c0a59ce59bbea8eebdf1fa7d14c/564:257" }, "paddingRight": { "type": "VARIABLE_ALIAS", "id": "VariableID:16bc6f84b6e7e20e4234ef79030ee580ec0f4505/564:258" }, "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:fabe3eb617318c0a59ce59bbea8eebdf1fa7d14c/564:257" }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_BOTTOM_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_LEFT_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" }, "BORDER_RIGHT_WEIGHT": { "type": "VARIABLE_ALIAS", "id": "VariableID:394d05bc08ab0cf40ac4b4130446b8141106372e/564:267" } }, "rectangleCornerRadii": { "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" }, "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { "type": "VARIABLE_ALIAS", "id": "VariableID:9e82491aff6fe809fe71856da5612db502221455/564:246" } }, "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } ], "strokes": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:395870afebb3397e858358930ffdd69a5ec0f73d/668:81" } ] }, "children": [ { "id": "I1868:6263;565:14990", "name": "Value", "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "characters": "Value#630:14" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:f473990ee342226b34daedc73ed5d4491a678dbe/668:74" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.7019608020782471, "g": 0.7019608020782471, "b": 0.7019608020782471, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:f473990ee342226b34daedc73ed5d4491a678dbe/668:74" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3623, "y": -975, "width": 784, "height": 16 }, "absoluteRenderBounds": { "x": 3623.528076171875, "y": -974.4400024414062, "width": 95.0078125, "height": 14.76800537109375 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "INHERIT", "layoutGrow": 1, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "characters": "人事部人事課", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 16, "lineHeightPercent": 82.62911224365234, "lineHeightPercentFontSize": 100, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:91" }, "effects": [], "interactions": [] } ], "blendMode": "PASS_THROUGH", "clipsContent": true, "background": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } } } ], "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:a4865545b526a5b3399a512667f40c9efe0c2fc4/668:90" } } } ], "strokes": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.8509804010391235, "g": 0.8509804010391235, "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:395870afebb3397e858358930ffdd69a5ec0f73d/668:81" } } } ], "cornerRadius": 8, "cornerSmoothing": 0, "strokeWeight": 1, "strokeAlign": "CENTER", "backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 }, "layoutMode": "HORIZONTAL", "primaryAxisSizingMode": "FIXED", "counterAxisAlignItems": "CENTER", "paddingLeft": 16, "paddingRight": 16, "paddingTop": 12, "paddingBottom": 12, "layoutWrap": "NO_WRAP", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -987, "width": 816, "height": 40 }, "absoluteRenderBounds": { "x": 3606.5, "y": -987.5, "width": 817, "height": 41 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "minWidth": 240, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "effects": [], "interactions": [] }, { "id": "I1868:6263;280:15668", "name": "Error", "visible": false, "type": "TEXT", "scrollBehavior": "SCROLLS", "componentPropertyReferences": { "visible": "Has Error#72:6", "characters": "Error#280:44" }, "boundVariables": { "fills": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } ], "fontSize": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:12a79f19457fa89c417aa75e5379ea0fd9edcb88/716:42" } ], "fontFamily": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:1609ab397f795e881095bb5f539781832295e2ec/716:56" } ], "fontWeight": [ { "type": "VARIABLE_ALIAS", "id": "VariableID:bfdce669b31940bfcfd61f832d51fdcd1767424c/716:5" } ] }, "blendMode": "PASS_THROUGH", "fills": [ { "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 0.11764705926179886, "g": 0.11764705926179886, "b": 0.11764705926179886, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", "id": "VariableID:cf92d4e8c6a5a5ed82f024d47d11c21d5162ac3c/668:91" } } } ], "strokes": [], "strokeWeight": 1, "strokeAlign": "OUTSIDE", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -939, "width": 37, "height": 22 }, "absoluteRenderBounds": null, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "INHERIT", "layoutGrow": 0, "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "characters": "Error", "characterStyleOverrides": [], "styleOverrideTable": {}, "lineTypes": [ "NONE" ], "lineIndentations": [ 0 ], "style": { "fontFamily": "Inter", "fontPostScriptName": "Inter-Regular", "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "WIDTH_AND_HEIGHT", "fontSize": 16, "textAlignHorizontal": "LEFT", "textAlignVertical": "TOP", "letterSpacing": 0, "lineHeightPx": 22.399999618530273, "lineHeightPercent": 115.68075561523438, "lineHeightPercentFontSize": 140, "lineHeightUnit": "FONT_SIZE_%" }, "layoutVersion": 4, "styles": { "text": "24:41" }, "effects": [], "interactions": [] } ], "blendMode": "PASS_THROUGH", "clipsContent": false, "background": [], "fills": [], "strokes": [], "strokeWeight": 1, "strokeAlign": "INSIDE", "backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 }, "layoutMode": "VERTICAL", "counterAxisSizingMode": "FIXED", "itemSpacing": 8, "layoutWrap": "NO_WRAP", "strokeCap": "ROUND", "absoluteBoundingBox": { "x": 3607, "y": -1017, "width": 816, "height": 70 }, "absoluteRenderBounds": { "x": 3606.5, "y": -1017, "width": 817, "height": 70.5 }, "constraints": { "vertical": "TOP", "horizontal": "LEFT" }, "layoutAlign": "STRETCH", "layoutGrow": 0, "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "effects": [], "interactions": [], "canBeFlattened": false, "uniqueName": "Input Field", "variantProperties": { "State": "Default", "Value Type": "Placeholder" }, "width": 816, "height": 70, "x": 0, "y": 0, "paddingLeft": 0, "paddingRight": 0, "paddingTop": 0, "paddingBottom": 0, "primaryAxisAlignItems": "MIN", "counterAxisAlignItems": "MIN" } ] } ```

[bernaferrari]

Could you perhaps share the figma link or figma file? It will be easier for me to solve since for the mismatch I need the two apis.

If this is bad for you, there is a setting in the plugin that allows to return to the old version.

[hung3102]

Could you perhaps share the figma link or figma file? It will be easier for me to solve since for the mismatch I need the two apis.

Sorry I can not share the figma link or file, but I pasted the figma output json in the description.

If this is bad for you, there is a setting in the plugin that allows to return to the old version.

returning to the old version works, thank you.

[bernaferrari]

It is very very very hard to help because the issue is like:

• Figma API gives something
• JSON API gives something else

You provided one of them, but without the other I can't compare and see what is happening.

Perhaps you could reproduce this in a small component (say a simple icon or a card) and then could copy to a different file?

I know this issue exists, and you are the third person to report, but I can't debug without checking it for real. I know it is frustrating for you, it is frustrating for me too, because I don't know what is happening.

[hung3102]

I created another file for reproduce the error.
You can check it here: https://www.figma.com/design/r73336bCLCOtXfeiakZiXU/test?node-id=2-138

[bernaferrari]

If I tell you I can't reproduce it, will you believe in me? That's so so sooooo weird. I can't use my plugin in your file, so I copied to a different one, but now everything works...

This is my file: (you are welcome to edit it!)
https://www.figma.com/design/tiPkKqQ4fCtOWCgk9ZTfNq/test?node-id=0-1&t=CxRDeHBx2JeNFI8D-1

If you can reproduce it there, it would be absolutely great. Sorry for that. The issue is really that hard!

[hung3102]

I can not use dev mode in your file to use your plugin. But I copied back your file to my file and it shows the same problem :)))
I don't know the problem here but btw I can use the previous version of plugin.

[bernaferrari]

If you give me your email or ask to edit, I'll accept.

Yeah, I know, but I really wish I could fix this. The new plug-in version is 100x faster than before, I want you to be able to enjoy it, but this is making me loose hair.

[bernaferrari]

I SOLVED THE ISSUE!!!!

[bernaferrari]

Thanks!!!!