Abstract: Embodiments of the present disclosure provide techniques for generating functional visual assets in a design environment for execution in an execution environment. An example method includes receiving a request to attach functionality to a visual asset rendered on a canvas in a design environment, wherein the functionality is defined in a code asset usable across visual assets in the design environment. A deployable component is generated based on wrapping the code asset around rendering code associated with the visual asset, the wrapping attaching the functionality to the visual asset in an execution environment. The deployable component is deployed into the execution environment, and upon detecting an occurrence of a defined event with respect to the visual asset in the execution environment, the defined event being identified in the code asset, executing the attached functionality.

Abstract: Embodiments of the present disclosure provide techniques for generating functional visual assets in a design environment for execution in an execution environment. An example method includes receiving a request to attach functionality to a visual asset rendered on a canvas in a design environment, wherein the functionality is defined in a code asset usable across visual assets in the design environment. A deployable component is generated based on wrapping the code asset around rendering code associated with the visual asset, the wrapping attaching the functionality to the visual asset in an execution environment. The deployable component is deployed into the execution environment, and upon detecting an occurrence of a defined event with respect to the visual asset in the execution environment, the defined event being identified in the code asset, executing the attached functionality.

Abstract: Embodiments of the present disclosure provide techniques for executing functionality attached to a visual asset when the visual asset is rendered in an execution environment. An example method includes detecting a triggering event with respect to a visual asset. Generally, the visual asset may be configured to execute functionality defined by an external code asset. One or more visual components of the visual asset to be modified are identified based on the functionality defined by the external code asset and the triggering event. The functionality is executed based on rendering the one or more visual components of the visual asset in an executable environment in which the visual asset is rendered.

Abstract: A computer system is operable to associate each of a first and second layer of a graphic design with a variable data structure. The first layer includes a component that is associated with multiple instances that collectively define multiple states that are associated with the component. The computer system can perform a simulation of the graphic design being deployed in a production environment by (i) setting an active value for the variable data structure based on an attribute of one of the multiple instances of the component; and (ii) automatically configuring an attribute of the object of the second layer based on the active value of the variable data structure.

Abstract: Embodiments of the present disclosure provide techniques for generating visual content in a design environment. An example method includes generating, on a canvas in a design environment, a layer including a code-defined visual asset based on an external code asset. An input associated with a modification to apply to the code-defined visual asset in the layer is received. Based on the received input, the code-defined visual asset in the layer is modified, and the modified code-defined visual asset is rendered on the canvas.

Abstract: Embodiments of the present disclosure provide techniques for generating visual content in a design environment. An example method includes generating, on a canvas in a design environment, a layer including a code-defined visual asset based on an external code asset. An input associated with a modification to apply to the code-defined visual asset in the layer is received. Based on the received input, the code-defined visual asset in the layer is modified, and the modified code-defined visual asset is rendered on the canvas.

Abstract: A computing system that can operate to implement an interactive graphic design system that enables users to preview and resolve input actions that cause conflict with predefined constraints.

Abstract: Examples include a computer system to enable one or more users to create and configure graphic user interface content for a runtime environment, where the graphic user interface content including a collection of nodes. The computing system programmatically determines connection data as between a plurality of nodes that comprise at least a portion of the graphic user interface content. Based on the connection data, the graphic user interface is rendered to include a set of interactions, where each interaction represents a corresponding runtime transition as between a begin state and an end state of a runtime environment.

Abstract: An interactive graphic design system design interface is described to enable design users to create a variant component that links multiple design elements as variants, where each variant represents a state or version of a run-time object, feature or user-interface.

Abstract: A computing system to generate an interactive animation interface, including a graph feature that is manipulatable to enable a user to specify one or more parametric values to configure an animation behavior of an associated content rendering. The computing system generates the animation behavior for the content rendering based on the one or more parametric values specified by the user.

Abstract: An interactive graphic design system design interface is described to enable design users to create a variant component that links multiple design elements as variants, where each variant represents a state or version of a run-time object, feature or user-interface.

Abstract: Computer-implemented design tool functions are described herein for automatically performing edits across different portions of one or more design layouts. A method for the tool includes aligning elements outside of frames together with multiple elements selected within frames. Another method includes modifying visual characteristics of multiple elements based on a determined primary element of the multiple elements. Another method includes modifying matching properties of multiple elements based on a determined primary element of the multiple elements. Another method includes copying and pasting multiple elements from a first set of frames into a second set of frames. Another method includes modifying constraints of multiple elements based on a determined primary element of the multiple elements.

Abstract: Computer-implemented design tool functions are described herein for automatically performing edits across different portions of one or more design layouts. A method for the tool includes aligning elements outside of frames together with multiple elements selected within frames. Another method includes modifying visual characteristics of multiple elements based on a determined primary element of the multiple elements. Another method includes modifying matching properties of multiple elements based on a determined primary element of the multiple elements. Another method includes copying and pasting multiple elements from a first set of frames into a second set of frames. Another method includes modifying constraints of multiple elements based on a determined primary element of the multiple elements.

Abstract: A computing system to generate an interactive animation interface, including a graph feature that is manipulatable to enable a user to specify one or more parametric values to configure an animation behavior of an associated content rendering. The computing system generates the animation behavior for the content rendering based on the one or more parametric values specified by the user.

Abstract: A computer system is operable to provide a design interface for enabling creation of a graphic design for a production environment. The design interface can utilize a variable data structure to implement themes, including changes to themes.

Abstract: A computer system is operable to provide a design interface for enabling creation of a graphic design for a production environment. The computer system implements a variable data structure for use with the graphic design, wherein the variable data structure is defined at least in part by multiple values and a value type. A multi-state design element is linked with the variable data structure, such that each state of the multiple states is based at least in part on a corresponding value of the value type.

Abstract: A computer system is operable to associate each of a first and second layer of a graphic design with a variable data structure. The first layer includes a component that is associated with multiple instances that collectively define multiple states that are associated with the component. The computer system can perform a simulation of the graphic design being deployed in a production environment by (i) setting an active value for the variable data structure based on an attribute of one of the multiple instances of the component; and (ii) automatically configuring an attribute of the object of the second layer based on the active value of the variable data structure.

Abstract: Computer-implemented design tool functions are described herein for automatically performing edits across different portions of one or more design layouts. According to an example, a method includes causing a display device to display an interface for editing a layout comprising a plurality of frames including a first frame. The method includes receiving a request to perform a multi-edit operation based on a selection of the first frame. The method includes automatically identifying, in the plurality of frames, a set of frames based on characteristics shared with the first frame. The method includes performing the multi-edit operation on the set of frames.

Abstract: A computing system that can operate to implement an interactive graphic design system that enables users to preview and resolve input actions that cause conflict with predefined constraints.

Abstract: A computing system that can operate to implement an interactive graphic design system that enables users to preview and resolve input actions that cause conflict with predefined constraints.