{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,7,1]],"date-time":"2026-07-01T17:49:25Z","timestamp":1782928165524,"version":"3.54.5"},"reference-count":46,"publisher":"Elsevier BV","license":[{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"tdm","delay-in-days":0,"URL":"https:\/\/www.elsevier.com\/tdm\/userlicense\/1.0\/"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"tdm","delay-in-days":0,"URL":"https:\/\/www.elsevier.com\/legal\/tdmrep-license"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"stm-asf","delay-in-days":0,"URL":"https:\/\/doi.org\/10.15223\/policy-017"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"stm-asf","delay-in-days":0,"URL":"https:\/\/doi.org\/10.15223\/policy-037"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"stm-asf","delay-in-days":0,"URL":"https:\/\/doi.org\/10.15223\/policy-012"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"stm-asf","delay-in-days":0,"URL":"https:\/\/doi.org\/10.15223\/policy-029"},{"start":{"date-parts":[[2026,10,1]],"date-time":"2026-10-01T00:00:00Z","timestamp":1790812800000},"content-version":"stm-asf","delay-in-days":0,"URL":"https:\/\/doi.org\/10.15223\/policy-004"}],"content-domain":{"domain":["elsevier.com","sciencedirect.com"],"crossmark-restriction":true},"short-container-title":["Information and Software Technology"],"published-print":{"date-parts":[[2026,10]]},"DOI":"10.1016\/j.infsof.2026.108214","type":"journal-article","created":{"date-parts":[[2026,6,8]],"date-time":"2026-06-08T15:52:16Z","timestamp":1780933936000},"page":"108214","update-policy":"https:\/\/doi.org\/10.1016\/elsevier_cm_policy","source":"Crossref","is-referenced-by-count":0,"special_numbering":"C","title":["DesignCoder: Hierarchy-aware and self-correcting UI code generation with large language models"],"prefix":"10.1016","volume":"198","author":[{"given":"Yunnong","family":"Chen","sequence":"first","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Xinyu","family":"Yu","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Shixian","family":"Ding","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Yingying","family":"Zhang","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"ORCID":"https:\/\/orcid.org\/0009-0009-5815-5367","authenticated-orcid":false,"given":"Chengwei","family":"Shi","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Jingzhou","family":"Du","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]},{"ORCID":"https:\/\/orcid.org\/0000-0002-9049-0394","authenticated-orcid":false,"given":"Liuqing","family":"Chen","sequence":"additional","affiliation":[],"role":[{"vocabulary":"crossref","role":"author"}]}],"member":"78","reference":[{"key":"10.1016\/j.infsof.2026.108214_b1","doi-asserted-by":"crossref","unstructured":"T. Beltramelli, pix2code: Generating code from a graphical user interface screenshot, in: Proceedings of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems, 2018, pp. 1\u20136.","DOI":"10.1145\/3220134.3220135"},{"key":"10.1016\/j.infsof.2026.108214_b2","doi-asserted-by":"crossref","unstructured":"J. Wu, UICoder: Finetuning Large Language Models to Generate User Interface Code through Automated Feedback, in: Proceedings of the 2024 Conference of the North American Chapter of the Association for Computational Linguistics: Human Language Technologies (Volume 1: Long Papers), 2024, pp. 7504\u20137518.","DOI":"10.18653\/v1\/2024.naacl-long.417"},{"key":"10.1016\/j.infsof.2026.108214_b3","doi-asserted-by":"crossref","unstructured":"C. Chen, T. Su, G. Meng, Z. Xing, Y. Liu, From ui design image to gui skeleton: a neural machine translator to bootstrap mobile gui implementation, in: Proceedings of the 40th International Conference on Software Engineering, 2018, pp. 665\u2013676.","DOI":"10.1145\/3180155.3180240"},{"issue":"FSE","key":"10.1016\/j.infsof.2026.108214_b4","doi-asserted-by":"crossref","first-page":"2099","DOI":"10.1145\/3729364","article-title":"Divide-and-conquer: Generating UI code from screenshots","volume":"2","author":"Wan","year":"2025","journal-title":"Proc. the ACM Softw. Eng."},{"key":"10.1016\/j.infsof.2026.108214_b5","series-title":"Sketch software","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b6","series-title":"Figma software","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b7","doi-asserted-by":"crossref","unstructured":"L. Chen, Y. Chen, S. Xiao, Y. Song, L. Sun, Y. Zhen, T. Zhou, Y. Chang, EGFE: End-to-end Grouping of Fragmented Elements in UI Designs with Multimodal Learning, in: Proceedings of the 46th IEEE\/ACM International Conference on Software Engineering, 2024, pp. 1\u201312.","DOI":"10.1145\/3597503.3623313"},{"key":"10.1016\/j.infsof.2026.108214_b8","doi-asserted-by":"crossref","unstructured":"S. Feng, S. Ma, J. Yu, C. Chen, T. Zhou, Y. Zhen, Auto-icon: An automated code generation tool for icon designs assisting in ui development, in: Proceedings of the 26th International Conference on Intelligent User Interfaces, 2021, pp. 59\u201369.","DOI":"10.1145\/3397481.3450671"},{"issue":"4","key":"10.1016\/j.infsof.2026.108214_b9","doi-asserted-by":"crossref","first-page":"1","DOI":"10.1145\/3531065","article-title":"Auto-icon+: An automated end-to-end code generation tool for icon designs in ui development","volume":"12","author":"Feng","year":"2022","journal-title":"ACM Trans. Interact. Intell. Syst."},{"key":"10.1016\/j.infsof.2026.108214_b10","article-title":"Prototype2code: End-to-end front-end code generation from ui design prototypes","volume":"vol. 88353","author":"Xiao","year":"2024"},{"issue":"3","key":"10.1016\/j.infsof.2026.108214_b11","doi-asserted-by":"crossref","first-page":"373","DOI":"10.1631\/FITEE.2200099","article-title":"UI layers merger: merging UI layers via visual learning and boundary prior","volume":"24","author":"Chen","year":"2023","journal-title":"Front. Inf. Technol. Electron. Eng."},{"key":"10.1016\/j.infsof.2026.108214_b12","doi-asserted-by":"crossref","DOI":"10.1016\/j.displa.2024.102679","article-title":"UI semantic component group detection: Grouping UI elements with similar semantics in mobile graphical user interface","volume":"83","author":"Xiao","year":"2024","journal-title":"Displays"},{"key":"10.1016\/j.infsof.2026.108214_b13","doi-asserted-by":"crossref","unstructured":"M. Xie, Z. Xing, S. Feng, X. Xu, L. Zhu, C. Chen, Psychologically-inspired, unsupervised inference of perceptual groups of GUI widgets from GUI images, in: Proceedings of the 30th ACM Joint European Software Engineering Conference and Symposium on the Foundations of Software Engineering, 2022, pp. 332\u2013343.","DOI":"10.1145\/3540250.3549138"},{"key":"10.1016\/j.infsof.2026.108214_b14","doi-asserted-by":"crossref","unstructured":"Y. Gui, Y. Wan, Z. Li, Z. Zhang, D. Chen, H. Zhang, Y. Su, B. Chen, X. Zhou, W. Jiang, et al., UICopilot: Automating UI Synthesis via Hierarchical Code Generation from Webpage Designs, in: THE WEB CONFERENCE 2025, 2025.","DOI":"10.1145\/3696410.3714891"},{"issue":"FSE","key":"10.1016\/j.infsof.2026.108214_b15","doi-asserted-by":"crossref","first-page":"219","DOI":"10.1145\/3715726","article-title":"DeclarUI: Bridging design and development with automated declarative UI code generation","volume":"2","author":"Zhou","year":"2025","journal-title":"Proc. the ACM Softw. Eng."},{"key":"10.1016\/j.infsof.2026.108214_b16","doi-asserted-by":"crossref","unstructured":"Y. Gui, Z. Li, Z. Zhang, G. Wang, T. Lv, G. Jiang, Y. Liu, D. Chen, Y. Wan, H. Zhang, et al., LaTCoder: Converting Webpage Design to Code with Layout-as-Thought, in: Proceedings of the 31st ACM SIGKDD Conference on Knowledge Discovery and Data Mining V. 2, 2025, pp. 721\u2013732.","DOI":"10.1145\/3711896.3737016"},{"issue":"ISSTA","key":"10.1016\/j.infsof.2026.108214_b17","doi-asserted-by":"crossref","first-page":"1123","DOI":"10.1145\/3728925","article-title":"MLLM-based UI2Code automation guided by UI layout information","volume":"2","author":"Wu","year":"2025","journal-title":"Proc. the ACM Softw. Eng."},{"key":"10.1016\/j.infsof.2026.108214_b18","series-title":"Sketch2code: Generating a website from a paper mockup","author":"Robinson","year":"2019"},{"key":"10.1016\/j.infsof.2026.108214_b19","doi-asserted-by":"crossref","unstructured":"J. Wu, X. Zhang, J. Nichols, J.P. Bigham, Screen parsing: Towards reverse engineering of ui models from screenshots, in: The 34th Annual ACM Symposium on User Interface Software and Technology, 2021, pp. 470\u2013483.","DOI":"10.1145\/3472749.3474763"},{"issue":"6","key":"10.1016\/j.infsof.2026.108214_b20","doi-asserted-by":"crossref","first-page":"1137","DOI":"10.1109\/TPAMI.2016.2577031","article-title":"Faster R-CNN: Towards real-time object detection with region proposal networks","volume":"39","author":"Ren","year":"2016","journal-title":"IEEE Trans. Pattern Anal. Mach. Intell."},{"issue":"8","key":"10.1016\/j.infsof.2026.108214_b21","doi-asserted-by":"crossref","first-page":"1244","DOI":"10.1016\/j.infsof.2009.03.002","article-title":"Model-driven development of composite context-aware web applications","volume":"51","author":"Kapitsaki","year":"2009","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b22","doi-asserted-by":"crossref","first-page":"92","DOI":"10.1016\/j.infsof.2018.06.010","article-title":"Object constraint language for code generation from activity models","volume":"103","author":"Sunitha","year":"2018","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b23","doi-asserted-by":"crossref","first-page":"164","DOI":"10.1016\/j.infsof.2015.02.012","article-title":"In search of evidence for model-driven development claims: An experiment on quality, effort, productivity and satisfaction","volume":"62","author":"Panach","year":"2015","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b24","article-title":"DSL-Xpert 2.0: Enhancing LLM-driven code generation for domain-specific languages","author":"Lamas","year":"2025","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b25","series-title":"Design2code: How far are we from automating front-end engineering?","author":"Si","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b26","doi-asserted-by":"crossref","unstructured":"Y. Gui, Z. Li, Y. Wan, Y. Shi, H. Zhang, Y. Su, B. Chen, D. Chen, S. Wu, X. Zhou, et al., WebCode2M: A Real-World Dataset for Code Generation from Webpage Designs, in: THE WEB CONFERENCE 2025, 2025.","DOI":"10.1145\/3696410.3714889"},{"issue":"6","key":"10.1016\/j.infsof.2026.108214_b27","doi-asserted-by":"crossref","first-page":"670","DOI":"10.1016\/j.infsof.2014.01.011","article-title":"Mockup-driven development: providing agile support for model-driven web engineering","volume":"56","author":"Rivero","year":"2014","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b28","article-title":"Figma2Code: Automatic code generation method for Figma design drafts","author":"Lin","year":"2024","journal-title":"J. Computer-Aided Des. Comput. Graph."},{"key":"10.1016\/j.infsof.2026.108214_b29","series-title":"Codia design to code","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b30","doi-asserted-by":"crossref","unstructured":"Z. Feng, D. Guo, D. Tang, N. Duan, X. Feng, M. Gong, L. Shou, B. Qin, T. Liu, D. Jiang, et al., CodeBERT: A Pre-Trained Model for Programming and Natural Languages, in: Findings of the Association for Computational Linguistics: EMNLP 2020, 2020, pp. 1536\u20131547.","DOI":"10.18653\/v1\/2020.findings-emnlp.139"},{"key":"10.1016\/j.infsof.2026.108214_b31","series-title":"EMNLP 2021-2021 Conference on Empirical Methods in Natural Language Processing, Proceedings","first-page":"8696","article-title":"CodeT5: Identifier-aware unified pre-trained encoder-decoder models for code understanding and generation","author":"Wang","year":"2021"},{"key":"10.1016\/j.infsof.2026.108214_b32","unstructured":"D. Fried, A. Aghajanyan, J. Lin, S. Wang, E. Wallace, F. Shi, R. Zhong, S. Yih, L. Zettlemoyer, M. Lewis, InCoder: A Generative Model for Code Infilling and Synthesis, in: The Eleventh International Conference on Learning Representations."},{"key":"10.1016\/j.infsof.2026.108214_b33","series-title":"2025 IEEE\/ACM 47th International Conference on Software Engineering","article-title":"DesignRepair: Dual-stream design guideline-aware frontend repair with large language models","author":"Yuan","year":"2025"},{"key":"10.1016\/j.infsof.2026.108214_b34","doi-asserted-by":"crossref","unstructured":"Y. Zhang, S. Chen, L. Fan, C. Chen, X. Li, Automated and context-aware repair of color-related accessibility issues for android apps, in: Proceedings of the 31st ACM Joint European Software Engineering Conference and Symposium on the Foundations of Software Engineering, 2023, pp. 1255\u20131267.","DOI":"10.1145\/3611643.3616329"},{"key":"10.1016\/j.infsof.2026.108214_b35","unstructured":"A. Krishna Vajjala, S.H. Mansur, J. Jose, K. Moran, MotorEase: Automated detection of motor impairment accessibility issues in mobile app UIs, in: Proceedings of the IEEE\/ACM 46th International Conference on Software Engineering, 2024, pp. 1\u201313."},{"key":"10.1016\/j.infsof.2026.108214_b36","doi-asserted-by":"crossref","unstructured":"Z. Liu, C. Chen, J. Wang, Y. Huang, J. Hu, Q. Wang, Owl eyes: Spotting ui display issues via visual understanding, in: Proceedings of the 35th IEEE\/ACM International Conference on Automated Software Engineering, 2020, pp. 398\u2013409.","DOI":"10.1145\/3324884.3416547"},{"key":"10.1016\/j.infsof.2026.108214_b37","doi-asserted-by":"crossref","DOI":"10.1016\/j.infsof.2023.107172","article-title":"Scripted and scriptless GUI testing for web applications: An industrial case","volume":"158","author":"Bons","year":"2023","journal-title":"Inf. Softw. Technol."},{"key":"10.1016\/j.infsof.2026.108214_b38","series-title":"European Conference on Computer Vision","first-page":"38","article-title":"Grounding dino: Marrying dino with grounded pre-training for open-set object detection","author":"Liu","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b39","doi-asserted-by":"crossref","unstructured":"A. Kirillov, E. Mintun, N. Ravi, H. Mao, C. Rolland, L. Gustafson, T. Xiao, S. Whitehead, A.C. Berg, W.-Y. Lo, et al., Segment anything, in: Proceedings of the IEEE\/CVF International Conference on Computer Vision, 2023, pp. 4015\u20134026.","DOI":"10.1109\/ICCV51070.2023.00371"},{"key":"10.1016\/j.infsof.2026.108214_b40","series-title":"Hello GPT-4o \u2014 OpenAI","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b41","series-title":"Introducing claude 3.5 sonnet","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b42","doi-asserted-by":"crossref","first-page":"34892","DOI":"10.52202\/075280-1516","article-title":"Visual instruction tuning","volume":"36","author":"Liu","year":"2023","journal-title":"Adv. Neural Inf. Process. Syst."},{"issue":"4","key":"10.1016\/j.infsof.2026.108214_b43","doi-asserted-by":"crossref","first-page":"600","DOI":"10.1109\/TIP.2003.819861","article-title":"Image quality assessment: from error visibility to structural similarity","volume":"13","author":"Wang","year":"2004","journal-title":"IEEE Trans. Image Process."},{"key":"10.1016\/j.infsof.2026.108214_b44","series-title":"React native","author":"Meta","year":"2024"},{"key":"10.1016\/j.infsof.2026.108214_b45","series-title":"Designing and Prototyping Interfaces with Figma: Learn essential UX\/UI Design Principles by Creating Interactive Prototypes for Mobile, Tablet, and Desktop","author":"Staiano","year":"2022"},{"key":"10.1016\/j.infsof.2026.108214_b46","doi-asserted-by":"crossref","DOI":"10.1002\/9780470479216.corpsy0524","article-title":"Mann-whitney U test","author":"McKnight","year":"2010","journal-title":"Corsini Encycl. Psychol."}],"container-title":["Information and Software Technology"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/api.elsevier.com\/content\/article\/PII:S095058492600203X?httpAccept=text\/xml","content-type":"text\/xml","content-version":"vor","intended-application":"text-mining"},{"URL":"https:\/\/api.elsevier.com\/content\/article\/PII:S095058492600203X?httpAccept=text\/plain","content-type":"text\/plain","content-version":"vor","intended-application":"text-mining"}],"deposited":{"date-parts":[[2026,7,1]],"date-time":"2026-07-01T17:15:50Z","timestamp":1782926150000},"score":1,"resource":{"primary":{"URL":"https:\/\/linkinghub.elsevier.com\/retrieve\/pii\/S095058492600203X"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2026,10]]},"references-count":46,"alternative-id":["S095058492600203X"],"URL":"https:\/\/doi.org\/10.1016\/j.infsof.2026.108214","relation":{},"ISSN":["0950-5849"],"issn-type":[{"value":"0950-5849","type":"print"}],"subject":[],"published":{"date-parts":[[2026,10]]},"assertion":[{"value":"Elsevier","name":"publisher","label":"This article is maintained by"},{"value":"DesignCoder: Hierarchy-aware and self-correcting UI code generation with large language models","name":"articletitle","label":"Article Title"},{"value":"Information and Software Technology","name":"journaltitle","label":"Journal Title"},{"value":"https:\/\/doi.org\/10.1016\/j.infsof.2026.108214","name":"articlelink","label":"CrossRef DOI link to publisher maintained version"},{"value":"article","name":"content_type","label":"Content Type"},{"value":"\u00a9 2026 Elsevier B.V. All rights are reserved, including those for text and data mining, AI training, and similar technologies.","name":"copyright","label":"Copyright"}],"article-number":"108214"}}