Abstract: The present disclosure is directed toward systems, methods, and non-transitory computer readable media that resize a graphical user interface design layout using automatically-generated semantic-aware resize constraints. In particular, systems described herein can analyze the semantics of graphical user interface design elements (e.g., including size, position, type, etc.) and relative positions of the design elements (e.g., hierarchy, offsets, nesting, etc.). The disclosed systems utilizes a heuristics system to the analyzed semantics to generate a set of automatically-defined semantic-aware resize constraints for each graphical user interface design interface. The disclosed systems additionally present a design resize interface that enables designer to manually select constraints to be applied to the design elements. The disclosed systems can toggle between applying manually-selected and automatic semantic-aware resize constraints for the design elements.

Abstract: The present disclosure is directed toward systems, methods, and non-transitory computer readable media that resize a graphical user interface design layout using automatically-generated semantic-aware resize constraints. In particular, systems described herein can analyze the semantics of graphical user interface design elements (e.g., including size, position, type, etc.) and relative positions of the design elements (e.g., hierarchy, offsets, nesting, etc.). The disclosed systems utilizes a heuristics system to the analyzed semantics to generate a set of automatically-defined semantic-aware resize constraints for each graphical user interface design interface. The disclosed systems additionally present a design resize interface that enables designer to manually select constraints to be applied to the design elements. The disclosed systems can toggle between applying manually-selected and automatic semantic-aware resize constraints for the design elements.