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 the 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
Ramon Sanchez, O., Jesus Garcia Molina, & Burny, N. (2023). The Guizmo Framework for Generating Final User Interfaces from Wireframes. Companion of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems EICS ’2023. Published. 15th ACM SIGCHI Symposium on Engineering Interactive Computing Systems, Swansea. https://doi.org/10.1145/3596454.3597189