Reproduce “EGFE: End-to-end Grouping of Fragmented Elements in UI Designs with Multimodal Learning” on OpenResearch

Turn your favorite coding agents into research agents that review literature, develop hypotheses, and run experiments.

Universal app for Apple silicon and Intel. Requires macOS 11 or later.

About this paper

Liuqing Chen, Yunnong Chen, Shuhong Xiao, Yaxuan Song, Lingyun Sun, Yankun Zhen, Tingting Zhou, Yanfang Chang

EGFE introduces the first end-to-end method for grouping fragmented elements in UI designs using a multimodal Transformer, transforming the problem into a sequence classification task. This approach from Zhejiang University and Alibaba Group significantly improves the readability, maintainability, and availability of automatically generated front-end code, as validated by professional developers.

Key insights

  • An end-to-end, multimodal Transformer architecture can effectively model complex relationships between UI elements and directly classify their grouping intent.
  • Fusing visual and attribute information is crucial for robust UI understanding, particularly for challenging cases like tiny or overlapping elements where visual cues alone are insufficient.
  • Reframing the grouping problem as a sequence classification task allows for holistic learning and avoids error propagation common in multi-stage pipelines.

Summary by alphaXiv.

Tip: change arxiv.org to autoarxiv.org in any arXiv abstract link to open the paper here.