TL;DR
UICopilot introduces a hierarchical code generation approach that improves the automation and accuracy of UI synthesis from webpage designs, effectively handling complex styles and structures.
Contribution
The paper presents a novel hierarchical code generation method for UI synthesis that decomposes webpage code generation into structural and detailed stages, enhancing performance over existing models.
Findings
Outperforms baseline models in automatic metrics
Receives higher human preference scores
Effectively manages complex webpage styles and structures
Abstract
Automating the synthesis of User Interfaces (UIs) plays a crucial role in enhancing productivity and accelerating the development lifecycle, reducing both development time and manual effort. Recently, the rapid development of Multimodal Large Language Models (MLLMs) has made it possible to generate front-end Hypertext Markup Language (HTML) code directly from webpage designs. However, real-world webpages encompass not only a diverse array of HTML tags but also complex stylesheets, resulting in significantly lengthy code. The lengthy code poses challenges for the performance and efficiency of MLLMs, especially in capturing the structural information of UI designs. To address these challenges, this paper proposes UICopilot, a novel approach to automating UI synthesis via hierarchical code generation from webpage designs. The core idea of UICopilot is to decompose the generation process…
Peer Reviews
No public reviews on file for this paper yet. If you reviewed it on a platform where reviews are public (OpenReview, ICLR, NeurIPS, ICML), you can paste yours below so the community can read it here.
Code & Models
Videos
No videos yet. Explain this paper in a talk, walkthrough, or lecture? Add one.
