{ "extractedAt": "2026-05-08T03:56:19.852Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "prompt message", "nodeId": "1408:17153", "type": "COMPONENT_SET", "pageId": "1379:4191", "pageName": "— — Notifications & Pop box", "description": "", "key": "e9574b39e93ac3ffe94834f05d704798ce997274", "variants": [ { "id": "1408:17150", "name": "status=success, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 427, "x": -12006, "y": -403, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a success message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1400:16472;1517:28928", "I1400:16472;1517:29808", "I1408:16950;1480:73575", "I1408:16950;1480:73576", "I1408:16950;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17148", "name": "status=warning, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 421, "x": -12006, "y": -469.33349609375, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff3db", "v": "VariableID:VariableID:1671:114769", "token": { "cssVar": "--orange-bg", "figmaName": "UX/Orange/Msg-bg", "variableId": "VariableID:1671:114769", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a prompt message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1400:16455;1517:27746", "I1400:16455;1538:130", "I1408:16938;1480:73575", "I1408:16938;1480:73576", "I1408:16938;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17146", "name": "status=error, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 443, "x": -12006, "y": -536, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff1f0", "v": "VariableID:VariableID:1671:111677", "token": { "cssVar": "--red-bg", "figmaName": "UX/Red/Msg-bg", "variableId": "VariableID:1671:111677", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an abnormal message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1400:16442;1544:33368", "I1408:16926;1480:73575", "I1408:16926;1480:73576", "I1408:16926;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1408:17143", "name": "status=info, size=L", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 45, "w": 456, "x": -12006, "y": -602, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e1eefd", "v": "VariableID:VariableID:1671:114781", "token": { "cssVar": "--blue-bg", "figmaName": "UX/Blue/Msg-bg", "variableId": "VariableID:1671:114781", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an information message and click close to disappear.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1400:9762;1517:27670", "I1408:16915;1480:73575", "I1408:16915;1480:73576", "I1408:16915;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19942", "name": "status=success, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": 18.0009765625, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f1fbf3", "token": { "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "variableId": null, "strategy": "hex-fallback" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a success message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1545:6012;1517:28928", "I1545:6012;1517:29808", "I1545:6014;1480:73575", "I1545:6014;1480:73576", "I1545:6014;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19940", "name": "status=warning, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -72.666015625, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff3db", "v": "VariableID:VariableID:1671:114769", "token": { "cssVar": "--orange-bg", "figmaName": "UX/Orange/Msg-bg", "variableId": "VariableID:1671:114769", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is a prompt message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1545:6019;1517:27746", "I1545:6019;1538:130", "I1545:6021;1480:73575", "I1545:6021;1480:73576", "I1545:6021;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19941", "name": "status=error, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -163.3330078125, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#fff1f0", "v": "VariableID:VariableID:1671:111677", "token": { "cssVar": "--red-bg", "figmaName": "UX/Red/Msg-bg", "variableId": "VariableID:1671:111677", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an abnormal message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1545:6026;1544:33368", "I1545:6028;1480:73575", "I1545:6028;1480:73576", "I1545:6028;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null }, { "id": "1545:19935", "name": "status=info, size=M", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 66, "w": 320, "x": -12006, "y": -254, "pH": 16, "pV": 12, "pR": 16, "pB": 12, "gap": 8, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e1eefd", "v": "VariableID:VariableID:1671:114781", "token": { "cssVar": "--blue-bg", "figmaName": "UX/Blue/Msg-bg", "variableId": "VariableID:1671:114781", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "This is an information message and will disappear voluntarily.", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [ "I1545:6033;1517:27670", "I1545:6035;1480:73575", "I1545:6035;1480:73576", "I1545:6035;1480:74296" ], "description": null, "componentSetId": "1408:17153", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.935Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/prompt_message__1408_17153.json", "rawExtractedAt": "2026-05-08T03:56:19.852Z", "rawNodeId": "1408:17153", "rawSha256": "ebbc8e785bcdcf8ea3efef3cf6dbddf10b105f5c7993d27b477d950dd6e9edc1" } }