Systems and methods of generating a design based on a design template and another design

A method comprising:

• causing, the display by a client device of a first graphical user interface (GUI) for editing a first design, including display of the first design that was created based on a first template and that comprises a first design element;
• receiving, during editing at the client device of the first design, user input assigning a first content role to the first design element of the first design, wherein the assignment is not part of the first template;
• generating from the first design, a content signature of the first design, the content signature indicating that the first design element has the first content role;
• generating, a second design by applying a second design template to the first design, the second design template being different to the first design template and including a second design element having the first content role, wherein responsive to determining based on the content signature that the second design template requires an additional design element having the first content role, generating the second design includes adding a third design element having the first content role to the second design, wherein responsive to determining that the second design element is included as a foreground element in a first group of design elements of the design template, adding the third design element as a foreground element in a second group of design elements of the second design;
• updating the second design by applying the content signature to a second design, wherein applying the content signature to the second design includes transferring content from the first design element to the third design element;
• generating, a second GUI that includes an image of the second design;
• and
• causing the display of the second GUI by the client device.

A non-transitory computer-readable medium having stored thereon instructions that, when executed by one or more processors, cause the one or more processors to perform operations comprising:

• causing, the display by a client device of a first graphical user interface (GUI) for editing a first design, including display of the first design that was created based on a first template and that comprises a first design element;
• receiving, during editing at the client device of a first design, user input assigning a first content role to a first design element of the first design, wherein the assignment is not part of the first template;
• generating from the first design a content signature of the first design, the content signature indicating that the first design element has the first content role;
• generating a second design by applying a second design template to the first design, the second design template being different to the first template and including a second design element having the first content role, wherein responsive to determining that the second design template requires an additional design element having the first content role, generating the second design includes adding a third design element having the first content role to the second design, wherein responsive to determining that the second design element is included as a foreground element in a first group of design elements of the design template, adding the third design element as a foreground element in a second group of design elements of the second design;
• updating the second design by applying the content signature to the second design, wherein applying the content signature to the second design includes transferring content from the first design element to the third design element;
• generating a second GUI that includes an image of the second design;
• and
• causing the display of the second GUI by the client device.

An apparatus comprising:

• a processor configured to:
• receive, during editing of a first design that was created based on a first template and that comprises a first design element, user input assigning a first content role to the first design element of the first design, wherein the assignment is not part of the first template;
• generate a content signature of the first design, the content signature indicating that the first design element has the first content role;
• generate a second design based on a second design template different to the first design template and including a second design element having the first content role, wherein:
• responsive to determining based on the content signature that the second design template requires an additional design element having the first content role, generating the second design includes adding a third design element having the first content role to the second design;
• responsive to determining that the second design element is included as a foreground element in a first group of design elements of the design template, generating the second design includes adding the third design element as a foreground element in a second group of design elements of the second design;
• update the second design by applying the content signature to the second design, wherein applying the content signature to the second design includes transferring content from the first design element to the third design element;
• generate a graphical user interface (GUI) that includes an image of the second design;
• and
• cause the GUI to be displayed by a client device.

A method comprising:

• receiving, during editing at a device of a first design that was created based on a first template and that comprises a first design element, user input assigning the first design element of the first design a first content role, wherein the assignment is not part of the first template;
• generating, at the device, a content signature of the first design, the content signature indicating that the first design element has the first content role;
• generating, at the device, a second design based on a second design template different to the first design template and including a second design element having the first content role, wherein generating the second design includes:
• responsive to determining based on the content signature that the second design template requires an additional design element having the first content role, adding a third design element having the first content role to the second design;
• and
• responsive to determining that the second design element is included as a foreground element in a first group of design elements of the design template, generating the second design includes adding the third design element as a foreground element in a second group of design elements of the second design;
• updating the second design by applying the content signature to a second design, wherein applying the content signature to the second design includes transferring content from the first design element to the third design element;
• generating, at the device, a graphical user interface (GUI) that includes an image of the second design;
• and
• causing the display of the GUI by a client device.