The Guizmo Framework for Generating Final User Interfaces from Wireframes

Abstract

We demonstrate Guizmo, a model-driven engineering framework aimed at generating final graphical user interfaces from wireframes according to the following process: (1) design a concrete user interface in a wireframe tool, (2) export/import the wireframe definition into Guizmo for generation of a wireframe model, (3) for segmenting the wireframe into regions by region detection, (4) for inferring positions and dimensions of individual interface elements, (5) in order to obtain a complete layout model that is used for generating the code of a final user interface by model-to-code generation.