{"id":"https://openalex.org/W4411523071","doi":"https://doi.org/10.1145/3728925","title":"MLLM-Based UI2Code Automation Guided by UI Layout Information","display_name":"MLLM-Based UI2Code Automation Guided by UI Layout Information","publication_year":2025,"publication_date":"2025-06-22","ids":{"openalex":"https://openalex.org/W4411523071","doi":"https://doi.org/10.1145/3728925"},"language":"en","primary_location":{"id":"doi:10.1145/3728925","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3728925","pdf_url":null,"source":{"id":"https://openalex.org/S4404663975","display_name":"Proceedings of the ACM on software engineering.","issn_l":"2994-970X","issn":["2994-970X"],"is_oa":false,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/P4310319798","host_organization_name":"Association for Computing Machinery","host_organization_lineage":["https://openalex.org/P4310319798"],"host_organization_lineage_names":["Association for Computing Machinery"],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the ACM on Software Engineering","raw_type":"journal-article"},"type":"article","indexed_in":["arxiv","crossref"],"open_access":{"is_oa":true,"oa_status":"hybrid","oa_url":"https://doi.org/10.1145/3728925","any_repository_has_fulltext":true},"authorships":[{"author_position":"first","author":{"id":null,"display_name":"Fan Wu","orcid":"https://orcid.org/0009-0002-9090-1832"},"institutions":[{"id":"https://openalex.org/I204983213","display_name":"Harbin Institute of Technology","ror":"https://ror.org/01yqg2h08","country_code":"CN","type":"education","lineage":["https://openalex.org/I204983213"]}],"countries":["CN"],"is_corresponding":true,"raw_author_name":"Fan Wu","raw_affiliation_strings":["Harbin Institute of Technology, Shenzhen, Shenzhen, China"],"raw_orcid":"https://orcid.org/0009-0002-9090-1832","affiliations":[{"raw_affiliation_string":"Harbin Institute of Technology, Shenzhen, Shenzhen, China","institution_ids":["https://openalex.org/I204983213"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5061699251","display_name":"Cuiyun Gao","orcid":"https://orcid.org/0000-0003-4774-2434"},"institutions":[{"id":"https://openalex.org/I204983213","display_name":"Harbin Institute of Technology","ror":"https://ror.org/01yqg2h08","country_code":"CN","type":"education","lineage":["https://openalex.org/I204983213"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Cuiyun Gao","raw_affiliation_strings":["Harbin Institute of Technology, Shenzhen, Shenzhen, China"],"raw_orcid":"https://orcid.org/0000-0003-4774-2434","affiliations":[{"raw_affiliation_string":"Harbin Institute of Technology, Shenzhen, Shenzhen, China","institution_ids":["https://openalex.org/I204983213"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5100636489","display_name":"Shuqing Li","orcid":"https://orcid.org/0000-0001-6323-1402"},"institutions":[{"id":"https://openalex.org/I177725633","display_name":"Chinese University of Hong Kong","ror":"https://ror.org/00t33hh48","country_code":"HK","type":"education","lineage":["https://openalex.org/I177725633"]}],"countries":["HK"],"is_corresponding":false,"raw_author_name":"Shuqing Li","raw_affiliation_strings":["Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0000-0001-6323-1402","affiliations":[{"raw_affiliation_string":"Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5047620514","display_name":"Xin-Cheng Wen","orcid":"https://orcid.org/0000-0002-2115-9921"},"institutions":[{"id":"https://openalex.org/I204983213","display_name":"Harbin Institute of Technology","ror":"https://ror.org/01yqg2h08","country_code":"CN","type":"education","lineage":["https://openalex.org/I204983213"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Xin-Cheng Wen","raw_affiliation_strings":["Harbin Institute of Technology, Shenzhen, Shenzhen, China"],"raw_orcid":"https://orcid.org/0000-0002-2115-9921","affiliations":[{"raw_affiliation_string":"Harbin Institute of Technology, Shenzhen, Shenzhen, China","institution_ids":["https://openalex.org/I204983213"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5069241620","display_name":"Qing Liao","orcid":"https://orcid.org/0000-0003-1012-5301"},"institutions":[{"id":"https://openalex.org/I204983213","display_name":"Harbin Institute of Technology","ror":"https://ror.org/01yqg2h08","country_code":"CN","type":"education","lineage":["https://openalex.org/I204983213"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Qing Liao","raw_affiliation_strings":["Harbin Institute of Technology, Shenzhen, Shenzhen, China"],"raw_orcid":"https://orcid.org/0000-0003-1012-5301","affiliations":[{"raw_affiliation_string":"Harbin Institute of Technology, Shenzhen, Shenzhen, China","institution_ids":["https://openalex.org/I204983213"]}]}],"institutions":[],"countries_distinct_count":2,"institutions_distinct_count":5,"corresponding_author_ids":[],"corresponding_institution_ids":["https://openalex.org/I204983213"],"apc_list":null,"apc_paid":null,"fwci":14.5255,"has_fulltext":false,"cited_by_count":5,"citation_normalized_percentile":{"value":0.98607186,"is_in_top_1_percent":false,"is_in_top_10_percent":true},"cited_by_percentile_year":{"min":95,"max":99},"biblio":{"volume":"2","issue":"ISSTA","first_page":"1123","last_page":"1145"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T12016","display_name":"Web Data Mining and Analysis","score":0.9973999857902527,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},"topics":[{"id":"https://openalex.org/T12016","display_name":"Web Data Mining and Analysis","score":0.9973999857902527,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T10260","display_name":"Software Engineering Research","score":0.9916999936103821,"subfield":{"id":"https://openalex.org/subfields/1710","display_name":"Information Systems"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}},{"id":"https://openalex.org/T11241","display_name":"Advanced Malware Detection Techniques","score":0.9350000023841858,"subfield":{"id":"https://openalex.org/subfields/1711","display_name":"Signal Processing"},"field":{"id":"https://openalex.org/fields/17","display_name":"Computer Science"},"domain":{"id":"https://openalex.org/domains/3","display_name":"Physical Sciences"}}],"keywords":[{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.8068686723709106},{"id":"https://openalex.org/keywords/automation","display_name":"Automation","score":0.5884009599685669},{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.5806994438171387},{"id":"https://openalex.org/keywords/benchmark","display_name":"Benchmark (surveying)","score":0.5750430226325989},{"id":"https://openalex.org/keywords/parsing","display_name":"Parsing","score":0.5295625329017639},{"id":"https://openalex.org/keywords/task","display_name":"Task (project management)","score":0.5085364580154419},{"id":"https://openalex.org/keywords/key","display_name":"Key (lock)","score":0.4718508720397949},{"id":"https://openalex.org/keywords/source-code","display_name":"Source code","score":0.4405132234096527},{"id":"https://openalex.org/keywords/process","display_name":"Process (computing)","score":0.44018369913101196},{"id":"https://openalex.org/keywords/artificial-intelligence","display_name":"Artificial intelligence","score":0.43755874037742615},{"id":"https://openalex.org/keywords/machine-learning","display_name":"Machine learning","score":0.41011959314346313},{"id":"https://openalex.org/keywords/information-retrieval","display_name":"Information retrieval","score":0.37977343797683716},{"id":"https://openalex.org/keywords/data-mining","display_name":"Data mining","score":0.3508028984069824},{"id":"https://openalex.org/keywords/software-engineering","display_name":"Software engineering","score":0.34505096077919006},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.22370120882987976}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.8068686723709106},{"id":"https://openalex.org/C115901376","wikidata":"https://www.wikidata.org/wiki/Q184199","display_name":"Automation","level":2,"score":0.5884009599685669},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.5806994438171387},{"id":"https://openalex.org/C185798385","wikidata":"https://www.wikidata.org/wiki/Q1161707","display_name":"Benchmark (surveying)","level":2,"score":0.5750430226325989},{"id":"https://openalex.org/C186644900","wikidata":"https://www.wikidata.org/wiki/Q194152","display_name":"Parsing","level":2,"score":0.5295625329017639},{"id":"https://openalex.org/C2780451532","wikidata":"https://www.wikidata.org/wiki/Q759676","display_name":"Task (project management)","level":2,"score":0.5085364580154419},{"id":"https://openalex.org/C26517878","wikidata":"https://www.wikidata.org/wiki/Q228039","display_name":"Key (lock)","level":2,"score":0.4718508720397949},{"id":"https://openalex.org/C43126263","wikidata":"https://www.wikidata.org/wiki/Q128751","display_name":"Source code","level":2,"score":0.4405132234096527},{"id":"https://openalex.org/C98045186","wikidata":"https://www.wikidata.org/wiki/Q205663","display_name":"Process (computing)","level":2,"score":0.44018369913101196},{"id":"https://openalex.org/C154945302","wikidata":"https://www.wikidata.org/wiki/Q11660","display_name":"Artificial intelligence","level":1,"score":0.43755874037742615},{"id":"https://openalex.org/C119857082","wikidata":"https://www.wikidata.org/wiki/Q2539","display_name":"Machine learning","level":1,"score":0.41011959314346313},{"id":"https://openalex.org/C23123220","wikidata":"https://www.wikidata.org/wiki/Q816826","display_name":"Information retrieval","level":1,"score":0.37977343797683716},{"id":"https://openalex.org/C124101348","wikidata":"https://www.wikidata.org/wiki/Q172491","display_name":"Data mining","level":1,"score":0.3508028984069824},{"id":"https://openalex.org/C115903868","wikidata":"https://www.wikidata.org/wiki/Q80993","display_name":"Software engineering","level":1,"score":0.34505096077919006},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.22370120882987976},{"id":"https://openalex.org/C162324750","wikidata":"https://www.wikidata.org/wiki/Q8134","display_name":"Economics","level":0,"score":0.0},{"id":"https://openalex.org/C205649164","wikidata":"https://www.wikidata.org/wiki/Q1071","display_name":"Geography","level":0,"score":0.0},{"id":"https://openalex.org/C38652104","wikidata":"https://www.wikidata.org/wiki/Q3510521","display_name":"Computer security","level":1,"score":0.0},{"id":"https://openalex.org/C13280743","wikidata":"https://www.wikidata.org/wiki/Q131089","display_name":"Geodesy","level":1,"score":0.0},{"id":"https://openalex.org/C127413603","wikidata":"https://www.wikidata.org/wiki/Q11023","display_name":"Engineering","level":0,"score":0.0},{"id":"https://openalex.org/C177264268","wikidata":"https://www.wikidata.org/wiki/Q1514741","display_name":"Set (abstract data type)","level":2,"score":0.0},{"id":"https://openalex.org/C187736073","wikidata":"https://www.wikidata.org/wiki/Q2920921","display_name":"Management","level":1,"score":0.0},{"id":"https://openalex.org/C78519656","wikidata":"https://www.wikidata.org/wiki/Q101333","display_name":"Mechanical engineering","level":1,"score":0.0}],"mesh":[],"locations_count":2,"locations":[{"id":"doi:10.1145/3728925","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3728925","pdf_url":null,"source":{"id":"https://openalex.org/S4404663975","display_name":"Proceedings of the ACM on software engineering.","issn_l":"2994-970X","issn":["2994-970X"],"is_oa":false,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/P4310319798","host_organization_name":"Association for Computing Machinery","host_organization_lineage":["https://openalex.org/P4310319798"],"host_organization_lineage_names":["Association for Computing Machinery"],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the ACM on Software Engineering","raw_type":"journal-article"},{"id":"pmh:oai:arXiv.org:2506.10376","is_oa":true,"landing_page_url":"http://arxiv.org/abs/2506.10376","pdf_url":"https://arxiv.org/pdf/2506.10376","source":{"id":"https://openalex.org/S4393918464","display_name":"ArXiv.org","issn_l":"2331-8422","issn":["2331-8422"],"is_oa":true,"is_in_doaj":false,"is_core":false,"host_organization":null,"host_organization_name":null,"host_organization_lineage":[],"host_organization_lineage_names":[],"type":"repository"},"license":null,"license_id":null,"version":"submittedVersion","is_accepted":false,"is_published":false,"raw_source_name":null,"raw_type":"text"}],"best_oa_location":{"id":"doi:10.1145/3728925","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3728925","pdf_url":null,"source":{"id":"https://openalex.org/S4404663975","display_name":"Proceedings of the ACM on software engineering.","issn_l":"2994-970X","issn":["2994-970X"],"is_oa":false,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/P4310319798","host_organization_name":"Association for Computing Machinery","host_organization_lineage":["https://openalex.org/P4310319798"],"host_organization_lineage_names":["Association for Computing Machinery"],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the ACM on Software Engineering","raw_type":"journal-article"},"sustainable_development_goals":[{"id":"https://metadata.un.org/sdg/8","display_name":"Decent work and economic growth","score":0.4399999976158142},{"id":"https://metadata.un.org/sdg/9","display_name":"Industry, innovation and infrastructure","score":0.4399999976158142}],"awards":[],"funders":[],"has_content":{"pdf":false,"grobid_xml":false},"content_urls":null,"referenced_works_count":22,"referenced_works":["https://openalex.org/W2101105183","https://openalex.org/W2560674852","https://openalex.org/W2765874585","https://openalex.org/W2794908093","https://openalex.org/W2886970679","https://openalex.org/W2907628395","https://openalex.org/W2962724148","https://openalex.org/W2963295463","https://openalex.org/W3098062821","https://openalex.org/W3172798676","https://openalex.org/W3199730823","https://openalex.org/W3205557064","https://openalex.org/W4210905881","https://openalex.org/W4214708455","https://openalex.org/W4250325350","https://openalex.org/W4283320615","https://openalex.org/W4283803959","https://openalex.org/W4360797174","https://openalex.org/W4386076468","https://openalex.org/W4390874575","https://openalex.org/W4392857448","https://openalex.org/W4404315857"],"related_works":["https://openalex.org/W2378211422","https://openalex.org/W4321353415","https://openalex.org/W2745001401","https://openalex.org/W2130974462","https://openalex.org/W2028665553","https://openalex.org/W2086519370","https://openalex.org/W4246352526","https://openalex.org/W2121910908","https://openalex.org/W915438175","https://openalex.org/W3081644756"],"abstract_inverted_index":{"Converting":[0],"user":[1],"interfaces":[2],"into":[3,187],"code":[4,93,110,153,167],"(UI2Code)":[5],"is":[6,14,22],"a":[7,47,104,175],"crucial":[8],"step":[9],"in":[10,87,223,229],"website":[11],"development,":[12],"which":[13,115,124,142,161,179],"time-consuming":[15],"and":[16,54,89,132,156,189,227],"labor-intensive.":[17],"The":[18,64],"automation":[19],"of":[20,50,66,209],"UI2Code":[21],"essential":[23],"to":[24,58,82],"streamline":[25],"this":[26],"task,":[27],"beneficial":[28],"for":[29,39,74,149,192],"improving":[30],"the":[31,40,76,84,91,151,165,194,199,206,212,217,224,230],"development":[32],"efficiency.":[33],"There":[34],"exist":[35],"deep":[36],"learning-based":[37],"methods":[38],"task;":[41],"however,":[42],"they":[43,79],"heavily":[44],"rely":[45],"on":[46,233],"large":[48],"amount":[49],"labeled":[51],"training":[52],"data":[53,195],"struggle":[55],"with":[56,94,135,168,216],"generalizing":[57],"real-world,":[59],"unseen":[60,190],"web":[61],"page":[62],"designs.":[63],"advent":[65],"Multimodal":[67],"Large":[68],"Language":[69],"Models":[70],"(MLLMs)":[71],"presents":[72],"potential":[73],"alleviating":[75],"issue,":[77,197],"but":[78],"are":[80],"difficult":[81],"comprehend":[83],"complex":[85],"layouts":[86],"UIs":[88],"generate":[90],"accurate":[92,166],"layout":[95,129,147,169],"preserved.":[96,170],"To":[97],"address":[98],"these":[99],"issues,":[100],"we":[101,173],"propose":[102],"LayoutCoder,":[103],"novel":[105],"MLLM-based":[106],"framework":[107],"generating":[108,145],"UI":[109,128,139,146],"from":[111],"real-world":[112,182],"webpage":[113],"images,":[114],"includes":[116],"three":[117],"key":[118],"modules:":[119],"(1)":[120],"Element":[121],"Relation":[122],"Construction,":[123],"aims":[125,143,162],"at":[126,144,163],"capturing":[127],"by":[130],"identifying":[131],"grouping":[133],"components":[134],"similar":[136],"structures;":[137],"(2)":[138],"Layout":[140],"Parsing,":[141],"trees":[148],"guiding":[150],"subsequent":[152],"generation":[154],"process;":[155],"(3)":[157],"Layout-Guided":[158],"Code":[159],"Fusion,":[160],"producing":[164],"For":[171],"evaluation,":[172],"build":[174],"new":[176],"benchmark":[177],"dataset":[178,201],"involves":[180],"350":[181],"websites":[183],"named":[184],"Snap2Code,":[185],"divided":[186],"seen":[188],"parts":[191],"mitigating":[193],"leakage":[196],"besides":[198],"popular":[200],"Design2Code.":[202],"Extensive":[203],"evaluation":[204],"shows":[205],"superior":[207],"performance":[208],"LayoutCoder":[210,220],"over":[211],"state-of-the-art":[213],"approaches.":[214],"Compared":[215],"best-performing":[218],"baseline,":[219],"improves":[221],"10.14%":[222],"BLEU":[225],"score":[226,232],"3.95%":[228],"CLIP":[231],"average":[234],"across":[235],"all":[236],"datasets.":[237]},"counts_by_year":[{"year":2026,"cited_by_count":3},{"year":2025,"cited_by_count":2}],"updated_date":"2025-11-06T03:46:38.306776","created_date":"2025-10-10T00:00:00"}