Microsoft Corporation
AUTOMATIC CONVERSION OF WEBPAGE DESIGNS TO DATA STRUCTURES

Abstract:

Techniques for developing webpages for rendering and displaying in a web browser are disclosed herein. One example technique includes upon receiving an image of the webpage design, retrieving a recognition model that correlates visual features of images to UI components of multiple component types and one or more properties of the UI components and recognizing the UI component in the received image of the webpage design, a property of the UI component, and a value of the property of the UI component, based on the recognition model. The recognized UI component can then be automatically converted into a data structure containing the component type of the UI component, the property of the UI component, and the value of the property of the UI component, the data structure being useful for generating codes of a webpage corresponding to the webpage design.