ideaspring,
Actually the design file is just an archive Basically if you extract it... you get a file with json in it... but it would be a pain to build a converter.
Example:
{
"version": 31,
"timestamp": 1529351441502,
"design": {
"id": "6b28e1227c77cabad9d5a21e59aa759d_1529348539527",
"name": "form",
"settings": {
"theme": {
"id": "default",
"type": "builtin"
},
"jqueryVersion": 3,
"headContent": "",
"meta": []
},
"placeholders": {},
"framework": "4",
"assets": {
"images": {
"name": "",
"expanded": false,
"children": []
},
"fonts": {
"name": "",
"expanded": false,
"children": []
},
"css": {
"name": "",
"expanded": false,
"children": [{
"name": "styles.css",
"properties": {},
"priority": 0,
"blocks": []
}]
},
"js": {
"name": "",
"expanded": false,
"children": []
}
},
"pages": {
"name": "",
"expanded": false,
"children": [{
"name": "index.html",
"properties": {},
"priority": 0,
"html": {
"class": "HTML",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": false,
"canBeDeleted": false,
"canBeDuplicated": false,
"canBeEdited": false,
"canBePackaged": false,
"canBeCopied": false
},
"properties": {},
"label": "",
"children": [{
"class": "Body",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": false,
"canBeDeleted": false,
"canBeDuplicated": false,
"canBeEdited": false,
"canBePackaged": false,
"canBeCopied": false
},
"properties": {},
"label": "",
"children": [{
"class": "Block",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "2 Rows 1+2 Columns",
"children": [{
"class": "Form",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"action": "",
"method": "",
"target": "",
"enctype": "",
"inline": false
},
"label": "",
"children": [{
"class": "Container",
"cssClasses": {
"system": "container-fluid",
"parent": ""
},
"overrides": {
"/": {
"style": "max-width:450px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"fluid": true
},
"label": "",
"children": [{
"class": "Row",
"cssClasses": {
"system": "form-row",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"gutters": true,
"row-horizontal-alignment": "",
"row-vertical-alignment": "",
"row-sm-horizontal-alignment": "",
"row-sm-vertical-alignment": "",
"row-md-horizontal-alignment": "",
"row-md-vertical-alignment": "",
"row-lg-horizontal-alignment": "",
"row-lg-vertical-alignment": "",
"row-xl-horizontal-alignment": "",
"row-xl-vertical-alignment": ""
},
"label": "",
"children": [{
"class": "Column",
"cssClasses": {
"system": " col-md-12 col-xl-12",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 12,
"collg": -1,
"colxl": 12,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "Heading",
"cssClasses": {
"system": {
"textAlignment": "text-center"
},
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": true,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"type": "h1",
"text-alignment": "center"
},
"label": "",
"children": [{
"class": "InlineCharacter",
"char": "H",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "e",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "a",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "d",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "i",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "n",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "g",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}]
}]
}]
}, {
"class": "Row",
"cssClasses": {
"system": "form-row",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"gutters": true,
"row-horizontal-alignment": "",
"row-vertical-alignment": "",
"row-sm-horizontal-alignment": "",
"row-sm-vertical-alignment": "",
"row-md-horizontal-alignment": "",
"row-md-vertical-alignment": "",
"row-lg-horizontal-alignment": "",
"row-lg-vertical-alignment": "",
"row-xl-horizontal-alignment": "",
"row-xl-vertical-alignment": ""
},
"label": "",
"children": [{
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-6",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 6,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "InputText",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"name": "",
"value": "",
"disabled": false,
"readonly": false,
"required": false,
"placeholder": "",
"maxlength": "",
"minlength": "",
"pattern": "",
"autofocus": false,
"autocomplete": "",
"inputmode": ""
},
"label": ""
}]
}]
}, {
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-6",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 6,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "InputText",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"name": "",
"value": "",
"disabled": false,
"readonly": false,
"required": false,
"placeholder": "",
"maxlength": "",
"minlength": "",
"pattern": "",
"autofocus": false,
"autocomplete": "",
"inputmode": ""
},
"label": ""
}]
}]
}]
}, {
"class": "Row",
"cssClasses": {
"system": "form-row",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"gutters": true,
"row-horizontal-alignment": "",
"row-vertical-alignment": "",
"row-sm-horizontal-alignment": "",
"row-sm-vertical-alignment": "",
"row-md-horizontal-alignment": "",
"row-md-vertical-alignment": "",
"row-lg-horizontal-alignment": "",
"row-lg-vertical-alignment": "",
"row-xl-horizontal-alignment": "",
"row-xl-vertical-alignment": ""
},
"label": "",
"children": [{
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-6",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 6,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "InputText",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"name": "",
"value": "",
"disabled": false,
"readonly": false,
"required": false,
"placeholder": "",
"maxlength": "",
"minlength": "",
"pattern": "",
"autofocus": false,
"autocomplete": "",
"inputmode": ""
},
"label": ""
}]
}]
}, {
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-6",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 6,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "InputText",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"name": "",
"value": "",
"disabled": false,
"readonly": false,
"required": false,
"placeholder": "",
"maxlength": "",
"minlength": "",
"pattern": "",
"autofocus": false,
"autocomplete": "",
"inputmode": ""
},
"label": ""
}]
}]
}]
}, {
"class": "Row",
"cssClasses": {
"system": "form-row",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"gutters": true,
"row-horizontal-alignment": "",
"row-vertical-alignment": "",
"row-sm-horizontal-alignment": "",
"row-sm-vertical-alignment": "",
"row-md-horizontal-alignment": "",
"row-md-vertical-alignment": "",
"row-lg-horizontal-alignment": "",
"row-lg-vertical-alignment": "",
"row-xl-horizontal-alignment": "",
"row-xl-vertical-alignment": ""
},
"label": "",
"children": [{
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-12",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 12,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "InputTextarea",
"cssClasses": {
"system": "",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"name": "",
"disabled": false,
"readonly": false,
"required": false,
"textValue": "",
"placeholder": "",
"maxlength": "",
"minlength": "",
"autofocus": false,
"autocomplete": "",
"inputmode": "",
"rows": "",
"cols": "",
"spellcheck": "",
"wrap": false
},
"label": ""
}]
}]
}]
}, {
"class": "Row",
"cssClasses": {
"system": "form-row",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"gutters": true,
"row-horizontal-alignment": "",
"row-vertical-alignment": "",
"row-sm-horizontal-alignment": "",
"row-sm-vertical-alignment": "",
"row-md-horizontal-alignment": "",
"row-md-vertical-alignment": "",
"row-lg-horizontal-alignment": "",
"row-lg-vertical-alignment": "",
"row-xl-horizontal-alignment": "",
"row-xl-vertical-alignment": ""
},
"label": "",
"children": [{
"class": "Column",
"cssClasses": {
"system": " col-md-6 col-xl-12",
"parent": ""
},
"overrides": {
"/": {
"style": "padding:10px;"
}
},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"colxs": -1,
"colsm": -1,
"colmd": 6,
"collg": -1,
"colxl": 12,
"colxsOffset": -1,
"colsmOffset": -1,
"colmdOffset": -1,
"collgOffset": -1,
"colxlOffset": -1,
"col-valign": "",
"col-order": "",
"col-margin-auto": "",
"col-sm-valign": "",
"col-sm-order": "",
"col-sm-margin-auto": "",
"col-md-valign": "",
"col-md-order": "",
"col-md-margin-auto": "",
"col-lg-valign": "",
"col-lg-order": "",
"col-lg-margin-auto": "",
"col-xl-valign": "",
"col-xl-order": "",
"col-xl-margin-auto": ""
},
"label": "",
"children": [{
"class": "FormGroup",
"cssClasses": {
"system": "form-group",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": false,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {},
"label": "",
"children": [{
"class": "Button",
"cssClasses": {
"system": "btn btn-primary btn-block",
"parent": ""
},
"overrides": {},
"flags": {
"canBeMoved": true,
"canBeDeleted": true,
"canBeDuplicated": true,
"canBeEdited": true,
"canBePackaged": true,
"canBeCopied": true
},
"properties": {
"type": "Button",
"href": "#",
"target": "",
"buttonType": "button",
"style": "btn-primary",
"size": "",
"disabled": false,
"active": false,
"block": true,
"outlined": false
},
"label": "",
"children": [{
"class": "InlineCharacter",
"char": "B",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "u",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "t",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "t",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "o",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}, {
"class": "InlineCharacter",
"char": "n",
"bold": false,
"italic": false,
"strike": false,
"underline": false,
"link": false
}]
}]
}]
}]
}]
}]
}]
}]
}]
},
"meta": []
}]
}
}
}