US Patent 8438495 Methods and systems for creating wireframes and managing containers

A design application can provide a mechanism for quickly and intuitively designing wireframes by automatically generating containers and margins. For example, a graphical user interface can be provided in which a parent container is defined and surrounded by a boundary (“wirebox”), which may (or may not) include margins defined between the wirebox and container perimeter. Responsive to input data representing a user gesture, such as clicking and dragging at a wirebox boundary, the parent container can be divided into two or more containers. In some embodiments a tree structure with memory locations (e.g., folders) corresponding to the containers can be defined alongside and in response to definition of containers in the wireframe.