{ "version": "2.8", "children": [ { "type": "frame", "id": "bi8Au", "x": -1, "y": -1, "name": "1.0 Dashboard", "clip": true, "width": 1440, "height": 1811, "fill": "#121212", "layout": "vertical", "gap": 20, "padding": 24, "children": [ { "type": "frame", "id": "gcBFx", "name": "topbar", "width": "fill_container", "height": 72, "padding": [ 0, 4 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "NAquW", "name": "brand", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 300, "height": 36, "content": "Design2Clothes", "fontFamily": "Inter", "fontSize": 34, "fontWeight": "700" }, { "type": "frame", "id": "c8Epb", "name": "cta", "width": 166, "height": 46, "fill": "#FF6A00", "cornerRadius": 23, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wAVgA", "name": "ctaText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 104, "height": 20, "content": "New Project", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "wpBoO", "name": "dashRow", "width": "fill_container", "height": 180, "gap": 16, "children": [ { "type": "frame", "id": "8zkjB", "name": "shortcutCard", "width": 288, "height": "fill_container", "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "Lq6xf", "name": "shortTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 180, "height": 24, "content": "Quick Access", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "htExT", "name": "assetBtn", "width": "fill_container", "height": 44, "fill": "#6F2CFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "mKNee", "name": "assetBtnText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 94, "height": 18, "content": "Asset Library", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "YNXpj", "name": "newBtn", "width": "fill_container", "height": 44, "fill": "#242424", "cornerRadius": 22, "stroke": { "align": "inside", "thickness": 1, "fill": "#3A3A3A" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Ik8dn", "name": "newBtnText", "fill": "#D9D9D9", "textGrowth": "fixed-width-height", "width": 84, "height": 18, "content": "Projects List", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "ilFL3", "name": "projectInfo", "width": "fill_container", "height": "fill_container", "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "4xiYT", "name": "projectLabel", "fill": "#AFAFAF", "textGrowth": "fixed-width-height", "width": 140, "height": 18, "content": "Current Project", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "frame", "id": "j9gpw", "name": "titleRow", "width": "fill_container", "height": 34, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "rYVA4", "name": "titleEditable", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 477, "height": 34, "content": "ThreadVision SS26 Capsule", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "yTNPD", "name": "editBtn", "width": 34, "height": 34, "fill": "#2A2A2A", "cornerRadius": 17, "stroke": { "align": "inside", "thickness": 1, "fill": "#3A3A3A" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "fN8ub", "name": "editIcon", "width": 16, "height": 16, "iconFontName": "pencil", "iconFontFamily": "lucide", "fill": "#DADADA" } ] } ] }, { "type": "text", "id": "BTqx2", "name": "projectBrief", "fill": "#B8B8B8", "textGrowth": "fixed-width", "width": "fill_container", "content": "AI-assisted fashion mockup workflow for mapping 2D graphics onto 3D garment avatars. Focus: oversized tee and hoodie variants for portfolio-ready exports.", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "c72ue", "name": "canvasShell", "width": "fill_container", "height": 825, "gap": 16, "children": [ { "type": "frame", "id": "D4oMO", "name": "left", "width": 290, "height": 827, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "7rHkj", "name": "leftTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 120, "height": 24, "content": "Assets", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "ikQ4A", "name": "leftTabs", "width": "fill_container", "height": 36, "gap": 8, "children": [ { "type": "frame", "id": "NdBam", "name": "tab1", "width": "fill_container", "height": "fill_container", "fill": "#6F2CFF", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "vK8vK", "name": "tab1Text", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 56, "height": 16, "content": "Uploads", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "SF7NJ", "name": "tab2", "width": "fill_container", "height": "fill_container", "fill": "#262626", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "2ldX8", "name": "tab2Text", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 58, "height": 16, "content": "Patterns", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "Z1f4V", "name": "tab3", "width": "fill_container", "height": "fill_container", "fill": "#262626", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "XPEVK", "name": "tab3Text", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 54, "height": 16, "content": "Graphics", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "R2GYT", "name": "uploadDrop", "width": "fill_container", "height": 120, "fill": "#474747ff", "cornerRadius": 14, "stroke": { "align": "inside", "thickness": 1, "fill": "#393939" }, "layout": "vertical", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "i7WdH", "name": "uploadText", "fill": "#A6A6A6", "textGrowth": "fixed-width-height", "width": 180, "height": 36, "content": "Drop your designs in .png, .jpg, .svg here", "textAlign": "center", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "zog7T", "name": "assetList", "width": "fill_container", "height": 199, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "8GWaZ", "name": "a1", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lKUYV", "name": "a1t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 140, "height": 16, "content": "Logo_Brandmark.svg", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "kzk6o", "name": "a1s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 26, "height": 14, "content": "SVG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "dDyUI", "name": "a2", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "uFnIs", "name": "a2t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 120, "height": 16, "content": "Tiger_Print.png", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "7HI1m", "name": "a2s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 26, "height": 14, "content": "PNG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "8KGXL", "name": "a3", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "wdvvi", "name": "a3t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 130, "height": 16, "content": "Floral_Allover.jpg", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "4jJR3", "name": "a3s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 24, "height": 14, "content": "JPG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "MfT77", "name": "right", "width": "fill_container", "height": 776, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "b3hr5", "name": "rightTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 130, "height": 24, "content": "Inspector", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "cB2hm", "name": "modelPanel", "width": "fill_container", "height": 208, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "Zl9IO", "name": "modelHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 140, "height": 18, "content": "Model Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "WcqzM", "name": "modelTabs", "width": "fill_container", "height": 36, "gap": 8, "children": [ { "type": "frame", "id": "bjUVW", "name": "tabCustom", "width": "fill_container", "height": "fill_container", "fill": "#6F2CFF", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#6F2CFF" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "bmqeO", "name": "tabCustomText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 46, "height": 16, "content": "Custom", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "3o4Sx", "name": "tabPredefined", "width": "fill_container", "height": "fill_container", "fill": "#1A1A1A", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "E66Kn", "name": "tabPredefinedText", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 72, "height": 16, "content": "Predefined", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "MxINl", "name": "customPromptField", "width": "fill_container", "height": 44, "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "kNrlF", "name": "customPromptText", "fill": "#8E8E8E", "textGrowth": "fixed-width-height", "width": 224, "height": 16, "content": "Prompt: editorial female model, hands in pockets", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "kzEk1", "name": "customPoseSelect", "width": "fill_container", "height": 44, "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "V2sg4", "name": "customPoseText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 124, "height": 16, "content": "Pose: Front / 3-4 / Side", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "icon_font", "id": "cHnEt", "name": "customPoseChevron", "width": 16, "height": 16, "iconFontName": "chevrons-up-down", "iconFontFamily": "lucide", "fill": "#AFAFAF" } ] } ] }, { "type": "frame", "id": "2HI56", "name": "garmentPanel", "width": "fill_container", "height": 200, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "dw7kP", "name": "garmentHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 150, "height": 18, "content": "Garment Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "kOilK", "name": "fabricRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "a6M0T", "name": "fabricText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 16, "content": "Fabric: Cotton / Jersey / Heavyweight", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "am1ax", "name": "colorRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "aKg6v", "name": "colorText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 70, "height": 16, "content": "Base colour", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "ellipse", "id": "gbTeP", "name": "colorSwatch", "fill": "#3A3A3A", "width": 20, "height": 20 } ] }, { "type": "frame", "id": "Ap5fS", "name": "typeRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "o7Mza", "name": "typeText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 16, "content": "Type: Oversized Tee / Slim Fit / Hoodie", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "7WhTy", "name": "artPanel", "width": "fill_container", "height": 219, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "l6wv9", "name": "artHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 130, "height": 18, "content": "Artwork Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "uT5Ld", "name": "scaleRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "D3Hin", "name": "scaleText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 80, "height": 14, "content": "Scale 85%", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "W9rYL", "name": "rotRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "YCzKU", "name": "rotText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 90, "height": 14, "content": "Rotation 12°", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "80AfW", "name": "opaRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "Z3s9C", "name": "opaText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 90, "height": 14, "content": "Opacity 82%", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "F4YhW", "name": "blendRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "iJ0jo", "name": "blendText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 14, "content": "Blending: Print / Multiply / Soft Light", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "8Fu8d", "name": "modelGenBtn", "width": "fill_container", "height": 38, "fill": "#6F2CFF", "cornerRadius": 19, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "S9rq4", "name": "modelGenText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 149, "height": 16, "content": "Generate Model", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "7vJLN", "name": "center", "width": "fill_container", "height": 828, "fill": "#171717", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "D6fEW", "name": "centerTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 220, "height": 28, "content": "Design Canvas", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "frame", "id": "tCnb8", "name": "viewport", "width": "fill_container", "height": 620, "fill": "#101010", "cornerRadius": 14, "stroke": { "align": "inside", "thickness": 1, "fill": "#2E2E2E" }, "layout": "vertical", "gap": 10, "padding": [ 20, 0 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "Wi3MZ", "name": "avatar", "fill": "#2A2A2A", "width": 250, "height": 250 }, { "type": "rectangle", "cornerRadius": 24, "id": "yszDp", "name": "garment", "fill": "#3A3A3A", "width": 280, "height": 190 }, { "type": "rectangle", "cornerRadius": 8, "id": "uLT7W", "name": "artwork", "opacity": 0.82, "fill": "#6F2CFF", "width": 160, "height": 100 }, { "type": "text", "id": "skNEj", "name": "vpLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 190, "height": 18, "content": "AI Texture-Mapped Preview", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "fhFpU", "name": "applyPromptWrap", "width": "fill_container", "height": 66, "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "ZjvYN", "name": "applyPromptLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 44, "height": 16, "content": "Prompt", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "qP9gD", "name": "applyPromptField", "width": "fill_container", "height": 44, "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "4Pgo6", "name": "applyPromptText", "fill": "#8E8E8E", "textGrowth": "fixed-width-height", "width": 278, "height": 16, "content": "Make print placement sharper and aligned to chest", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "jnom6", "name": "centerActions", "width": "fill_container", "height": 48, "gap": 10, "children": [ { "type": "frame", "id": "f19I5", "name": "applyBtn", "width": 160, "height": "fill_container", "fill": "#FF6A00", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "R4QY8", "name": "applyText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 110, "height": 19, "content": "Apply Artwork", "textAlign": "center", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "Akjxe", "name": "bottomExportBar", "width": 340, "height": 303, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 8, "padding": [ 12, 16 ], "children": [ { "type": "text", "id": "fwr6e", "name": "expHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 60, "height": 18, "content": "Export", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "0vkmJ", "name": "expMeta", "fill": "#A6A6A6", "textGrowth": "fixed-width-height", "width": "fill_container", "height": 30, "content": "High-resolution render for portfolio and social.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "frame", "id": "oV6dF", "name": "resolutionDropdown", "clip": true, "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "layout": "vertical", "children": [ { "type": "frame", "id": "pRf80", "name": "resHeader", "width": "fill_container", "height": 36, "padding": [ 0, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "grZYX", "name": "resLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 70, "height": 14, "content": "Resolution", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "text", "id": "4Incf", "name": "resValue", "fill": "#D9D9D9", "textGrowth": "fixed-width-height", "width": 58, "height": 14, "content": "4K PNG ▾", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "9fEXc", "name": "opt1", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "6k9UT", "name": "opt1t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 130, "height": 14, "content": "2K PNG (2048x2048)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "D7cdX", "name": "opt2", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "EBLVK", "name": "opt2t", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 130, "height": 14, "content": "4K PNG (4096x4096)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "psGlg", "name": "opt3", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "R4hG1", "name": "opt3t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 150, "height": 14, "content": "1080x1350 (Instagram)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "nSbxe", "name": "opt4", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "DXcH5", "name": "opt4t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 110, "height": 14, "content": "1080x1920 (Story)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "fovF9", "name": "expBtn", "width": "fill_container", "height": 36, "fill": "#FF6A00", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "qwwDe", "name": "expBtnText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 42, "height": 16, "content": "Export", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "700" } ] } ] } ] } ] }, { "type": "frame", "id": "ahTfs", "x": 1559, "y": -1, "name": "1.1 Dashboard", "clip": true, "width": 1440, "height": 1811, "fill": "#121212", "layout": "vertical", "gap": 20, "padding": 24, "children": [ { "type": "frame", "id": "JAPiZ", "name": "topbar", "width": "fill_container", "height": 72, "padding": [ 0, 4 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "TiEYi", "name": "brand", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 300, "height": 36, "content": "Design2Clothes", "fontFamily": "Inter", "fontSize": 34, "fontWeight": "700" }, { "type": "frame", "id": "iOciG", "name": "cta", "width": 166, "height": 46, "fill": "#FF6A00", "cornerRadius": 23, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Kqo8W", "name": "ctaText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 104, "height": 20, "content": "New Project", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "X9yNv", "name": "dashRow", "width": "fill_container", "height": 180, "gap": 16, "children": [ { "type": "frame", "id": "ZXsNd", "name": "shortcutCard", "width": 288, "height": "fill_container", "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "lNue3", "name": "shortTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 180, "height": 24, "content": "Quick Access", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "cVJl5", "name": "assetBtn", "width": "fill_container", "height": 44, "fill": "#6F2CFF", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "dYeHK", "name": "assetBtnText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 94, "height": 18, "content": "Asset Library", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "968Pc", "name": "newBtn", "width": "fill_container", "height": 44, "fill": "#242424", "cornerRadius": 22, "stroke": { "align": "inside", "thickness": 1, "fill": "#3A3A3A" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "UnnU3", "name": "newBtnText", "fill": "#D9D9D9", "textGrowth": "fixed-width-height", "width": 84, "height": 18, "content": "Projects List", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "iTjCJ", "name": "projectInfo", "width": "fill_container", "height": "fill_container", "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "kZ3If", "name": "projectLabel", "fill": "#AFAFAF", "textGrowth": "fixed-width-height", "width": 140, "height": 18, "content": "Current Project", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "frame", "id": "dPe3z", "name": "titleRow", "width": "fill_container", "height": 34, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "r5Luz", "name": "titleEditable", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 477, "height": 34, "content": "ThreadVision SS26 Capsule", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "5j3nO", "name": "editBtn", "width": 34, "height": 34, "fill": "#2A2A2A", "cornerRadius": 17, "stroke": { "align": "inside", "thickness": 1, "fill": "#3A3A3A" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "jLNN9", "name": "editIcon", "width": 16, "height": 16, "iconFontName": "pencil", "iconFontFamily": "lucide", "fill": "#DADADA" } ] } ] }, { "type": "text", "id": "E4Vr9", "name": "projectBrief", "fill": "#B8B8B8", "textGrowth": "fixed-width", "width": "fill_container", "content": "AI-assisted fashion mockup workflow for mapping 2D graphics onto 3D garment avatars. Focus: oversized tee and hoodie variants for portfolio-ready exports.", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "DFpD9", "name": "canvasShell", "width": "fill_container", "height": 921, "gap": 16, "children": [ { "type": "frame", "id": "nIRIL", "name": "left", "width": 290, "height": 1378, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "Q2gmB", "name": "leftTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 120, "height": 24, "content": "Assets", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "f9jhA", "name": "leftTabs", "width": "fill_container", "height": 36, "gap": 8, "children": [ { "type": "frame", "id": "f4Dyv", "name": "tab1", "width": "fill_container", "height": "fill_container", "fill": "#6F2CFF", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "mtRhL", "name": "tab1Text", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 56, "height": 16, "content": "Uploads", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "EaTsp", "name": "tab2", "width": "fill_container", "height": "fill_container", "fill": "#262626", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "1rSxd", "name": "tab2Text", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 58, "height": 16, "content": "Patterns", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "UnrLb", "name": "tab3", "width": "fill_container", "height": "fill_container", "fill": "#262626", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "xMv1J", "name": "tab3Text", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 54, "height": 16, "content": "Graphics", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "N2nK0", "name": "uploadDrop", "width": "fill_container", "height": 120, "fill": "#474747ff", "cornerRadius": 14, "stroke": { "align": "inside", "thickness": 1, "fill": "#393939" }, "layout": "vertical", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "oPfup", "name": "uploadText", "fill": "#A6A6A6", "textGrowth": "fixed-width-height", "width": 180, "height": 36, "content": "Drop your designs in .png, .jpg, .svg here", "textAlign": "center", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "3v2am", "name": "assetList", "width": "fill_container", "height": 198, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "cNNhU", "name": "a1", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "UIzbB", "name": "a1t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 140, "height": 16, "content": "Logo_Brandmark.svg", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "JMTOh", "name": "a1s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 26, "height": 14, "content": "SVG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "oFTZ7", "name": "a2", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "OVwim", "name": "a2t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 120, "height": 16, "content": "Tiger_Print.png", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "ENWhi", "name": "a2s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 26, "height": 14, "content": "PNG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "mfG8G", "name": "a3", "width": "fill_container", "height": 54, "fill": "#242424", "cornerRadius": 10, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lPM8J", "name": "a3t", "fill": "#D8D8D8", "textGrowth": "fixed-width-height", "width": 130, "height": 16, "content": "Floral_Allover.jpg", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "lQsHj", "name": "a3s", "fill": "#A0A0A0", "textGrowth": "fixed-width-height", "width": 24, "height": 14, "content": "JPG", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "cPBy4", "name": "right", "width": "fill_container", "height": 920, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "bvJSA", "name": "rightTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 130, "height": 24, "content": "Inspector", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "frame", "id": "RqQKQ", "name": "modelPanel", "width": "fill_container", "height": 365, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "uMqSb", "name": "modelHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 140, "height": 18, "content": "Model Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "hzp4T", "name": "modelTabs", "width": "fill_container", "height": 36, "gap": 8, "children": [ { "type": "frame", "id": "v3WGL", "name": "tabCustom", "width": "fill_container", "height": "fill_container", "fill": "#1A1A1A", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "wpVpF", "name": "tabCustomText", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 46, "height": 16, "content": "Custom", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "TLyiY", "name": "tabPredefined", "width": "fill_container", "height": "fill_container", "fill": "#6F2CFF", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#6F2CFF" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "xrbDl", "name": "tabPredefinedText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 72, "height": 16, "content": "Predefined", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "5eYfZ", "name": "genderFilter", "width": "fill_container", "height": 36, "gap": 8, "children": [ { "type": "frame", "id": "3CSnH", "name": "maleFilter", "width": "fill_container", "height": "fill_container", "fill": "#6F2CFF", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "AQsWe", "name": "maleFilterText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 60, "height": 16, "content": "Male", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "jJmSp", "name": "femaleFilter", "width": "fill_container", "height": "fill_container", "fill": "#1A1A1A", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "s3VQi", "name": "femaleFilterText", "fill": "#BBBBBB", "textGrowth": "fixed-width-height", "width": 70, "height": 16, "content": "Female", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "S9T25", "name": "predefinedOptionsFrame", "clip": true, "width": "fill_container", "height": 155, "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "layout": "vertical", "children": [ { "type": "frame", "id": "q9z4B", "name": "modelOptA", "width": "fill_container", "height": 31, "fill": "#242424", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "6vyI7", "name": "modelOptAText", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 140, "height": 14, "content": "30s-black-hoodie-front", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "LAFFM", "name": "modelOptB", "width": "fill_container", "height": 31, "fill": "#1F1F1F", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "cBS38", "name": "modelOptBText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 137, "height": 14, "content": "30s-black-hoodie-back", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "HqnbE", "name": "modelOptC", "width": "fill_container", "height": 31, "fill": "#1F1F1F", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "mC99o", "name": "modelOptCText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 116, "height": 14, "content": "30s-white-tee-front", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "9xvup", "name": "modelOptD", "width": "fill_container", "height": 31, "fill": "#1F1F1F", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "dP9Cj", "name": "modelOptDText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 113, "height": 14, "content": "30s-white-tee-back", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "7boEv", "name": "modelOptE", "width": "fill_container", "height": 31, "fill": "#1F1F1F", "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "XmMag", "name": "modelOptEText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 147, "height": 14, "content": "30s-gray-crewneck-front", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "3xuxY", "name": "garmentPanel", "width": "fill_container", "height": 200, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "kLgXs", "name": "garmentHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 150, "height": 18, "content": "Garment Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "zi6CY", "name": "fabricRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "hWsUI", "name": "fabricText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 16, "content": "Fabric: Cotton / Jersey / Heavyweight", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "rMks1", "name": "colorRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "tHxGj", "name": "colorText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 70, "height": 16, "content": "Base colour", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "ellipse", "id": "xPj3f", "name": "colorSwatch", "fill": "#3A3A3A", "width": 20, "height": 20 } ] }, { "type": "frame", "id": "NaLSu", "name": "typeRow", "width": "fill_container", "height": 40, "fill": "#1A1A1A", "cornerRadius": 10, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "gmjLA", "name": "typeText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 16, "content": "Type: Oversized Tee / Slim Fit / Hoodie", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "3t2AW", "name": "artPanel", "width": "fill_container", "height": 219, "fill": "#242424", "cornerRadius": 12, "layout": "vertical", "gap": 10, "padding": 12, "children": [ { "type": "text", "id": "P9Z6F", "name": "artHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 130, "height": 18, "content": "Artwork Controls", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "NUI2w", "name": "scaleRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "oMvmn", "name": "scaleText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 80, "height": 14, "content": "Scale 85%", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "kv497", "name": "rotRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "ANo0T", "name": "rotText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 90, "height": 14, "content": "Rotation 12°", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "a4dQv", "name": "opaRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "YFOfc", "name": "opaText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 90, "height": 14, "content": "Opacity 82%", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "mOV6u", "name": "blendRow", "width": "fill_container", "height": 34, "fill": "#1A1A1A", "cornerRadius": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "5tLuB", "name": "blendText", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 210, "height": 14, "content": "Blending: Print / Multiply / Soft Light", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "EqANG", "name": "modelGenBtn", "width": "fill_container", "height": 38, "fill": "#6F2CFF", "cornerRadius": 19, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "RwXN5", "name": "modelGenText", "fill": "#F7F2FF", "textGrowth": "fixed-width-height", "width": 149, "height": 16, "content": "Generate Model", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "eWHgk", "name": "center", "width": "fill_container", "height": 919, "fill": "#171717", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "SAMlt", "name": "centerTitle", "fill": "#F2F2F2", "textGrowth": "fixed-width-height", "width": 220, "height": 28, "content": "Design Canvas", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "frame", "id": "OCX1H", "name": "viewport", "width": "fill_container", "height": 620, "fill": "#101010", "cornerRadius": 14, "stroke": { "align": "inside", "thickness": 1, "fill": "#2E2E2E" }, "layout": "vertical", "gap": 10, "padding": [ 20, 0 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "TSOpF", "name": "avatar", "fill": "#2A2A2A", "width": 250, "height": 250 }, { "type": "rectangle", "cornerRadius": 24, "id": "7zz0x", "name": "garment", "fill": "#3A3A3A", "width": 280, "height": 190 }, { "type": "rectangle", "cornerRadius": 8, "id": "zu29G", "name": "artwork", "opacity": 0.82, "fill": "#6F2CFF", "width": 160, "height": 100 }, { "type": "text", "id": "nqOTs", "name": "vpLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 190, "height": 18, "content": "AI Texture-Mapped Preview", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "k7Atp", "name": "applyPromptWrap", "width": "fill_container", "height": 66, "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "fvqNs", "name": "applyPromptLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 44, "height": 16, "content": "Prompt", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" }, { "type": "frame", "id": "E7ncN", "name": "applyPromptField", "width": "fill_container", "height": 44, "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "posnf", "name": "applyPromptText", "fill": "#8E8E8E", "textGrowth": "fixed-width-height", "width": 278, "height": 16, "content": "Make print placement sharper and aligned to chest", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "W6Frh", "name": "centerActions", "width": "fill_container", "height": 48, "gap": 10, "children": [ { "type": "frame", "id": "JNkFw", "name": "applyBtn", "width": 160, "height": "fill_container", "fill": "#FF6A00", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "6aXtP", "name": "applyText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 110, "height": 19, "content": "Apply Artwork", "textAlign": "center", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "700" } ] } ] } ] }, { "type": "frame", "id": "Zjo6h", "name": "bottomExportBar", "width": 340, "height": 298, "fill": "#1B1B1B", "cornerRadius": 18, "stroke": { "align": "inside", "thickness": 1, "fill": "#2C2C2C" }, "layout": "vertical", "gap": 8, "padding": [ 12, 16 ], "children": [ { "type": "text", "id": "FqaSG", "name": "expHead", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 60, "height": 18, "content": "Export", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "HUYMt", "name": "expMeta", "fill": "#A6A6A6", "textGrowth": "fixed-width-height", "width": "fill_container", "height": 30, "content": "High-resolution render for portfolio and social.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "frame", "id": "44tIF", "name": "resolutionDropdown", "clip": true, "width": "fill_container", "fill": "#1A1A1A", "cornerRadius": 10, "stroke": { "align": "inside", "thickness": 1, "fill": "#363636" }, "layout": "vertical", "children": [ { "type": "frame", "id": "xIg8g", "name": "resHeader", "width": "fill_container", "height": 36, "padding": [ 0, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "VYslF", "name": "resLabel", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 70, "height": 14, "content": "Resolution", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "text", "id": "jzS89", "name": "resValue", "fill": "#D9D9D9", "textGrowth": "fixed-width-height", "width": 58, "height": 14, "content": "4K PNG ▾", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "JOr6Y", "name": "opt1", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "Sk2vs", "name": "opt1t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 130, "height": 14, "content": "2K PNG (2048x2048)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "PCswA", "name": "opt2", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "vu0Xd", "name": "opt2t", "fill": "#F0F0F0", "textGrowth": "fixed-width-height", "width": 130, "height": 14, "content": "4K PNG (4096x4096)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "KcttC", "name": "opt3", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "K5f2U", "name": "opt3t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 150, "height": 14, "content": "1080x1350 (Instagram)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "FHjXu", "name": "opt4", "width": "fill_container", "height": 30, "fill": "#202020", "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "m1tr0", "name": "opt4t", "fill": "#B8B8B8", "textGrowth": "fixed-width-height", "width": 110, "height": 14, "content": "1080x1920 (Story)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "nBiFv", "name": "expBtn", "width": "fill_container", "height": 36, "fill": "#FF6A00", "cornerRadius": 18, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Zjsmr", "name": "expBtnText", "fill": "#121212", "textGrowth": "fixed-width-height", "width": 42, "height": 16, "content": "Export", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "700" } ] } ] } ] } ] } ] }