{"id":"https://openalex.org/W4400023954","doi":"https://doi.org/10.1145/3729364","title":"Divide-and-Conquer: Generating UI Code from Screenshots","display_name":"Divide-and-Conquer: Generating UI Code from Screenshots","publication_year":2025,"publication_date":"2025-06-19","ids":{"openalex":"https://openalex.org/W4400023954","doi":"https://doi.org/10.1145/3729364"},"language":"en","primary_location":{"id":"doi:10.1145/3729364","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3729364","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","datacite"],"open_access":{"is_oa":true,"oa_status":"hybrid","oa_url":"https://doi.org/10.1145/3729364","any_repository_has_fulltext":true},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5101323911","display_name":"Yuxuan Wan","orcid":null},"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":"Yuxuan Wan","raw_affiliation_strings":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0009-0006-6739-4675","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5019372259","display_name":"Chaozheng Wang","orcid":"https://orcid.org/0000-0002-3935-7328"},"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":"Chaozheng Wang","raw_affiliation_strings":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0000-0002-3935-7328","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Yi Dong","orcid":"https://orcid.org/0009-0007-4456-072X"},"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":"Yi Dong","raw_affiliation_strings":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0009-0007-4456-072X","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Wenxuan Wang","orcid":"https://orcid.org/0000-0002-9803-8204"},"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":"Wenxuan Wang","raw_affiliation_strings":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0000-0002-9803-8204","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"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":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0000-0001-6323-1402","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5080873193","display_name":"Yintong Huo","orcid":"https://orcid.org/0009-0006-8798-5667"},"institutions":[{"id":"https://openalex.org/I79891267","display_name":"Singapore Management University","ror":"https://ror.org/050qmg959","country_code":"SG","type":"education","lineage":["https://openalex.org/I79891267"]}],"countries":["SG"],"is_corresponding":false,"raw_author_name":"Yintong Huo","raw_affiliation_strings":["Singapore Management University, Singapore, Singapore"],"raw_orcid":"https://orcid.org/0009-0006-8798-5667","affiliations":[{"raw_affiliation_string":"Singapore Management University, Singapore, Singapore","institution_ids":["https://openalex.org/I79891267"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5069596903","display_name":"Michael R. Lyu","orcid":"https://orcid.org/0000-0002-3666-5798"},"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":"Michael Lyu","raw_affiliation_strings":["The Chinese University of Hong Kong, Hong Kong, China"],"raw_orcid":"https://orcid.org/0000-0002-3666-5798","affiliations":[{"raw_affiliation_string":"The Chinese University of Hong Kong, Hong Kong, China","institution_ids":["https://openalex.org/I177725633"]}]}],"institutions":[],"countries_distinct_count":2,"institutions_distinct_count":2,"corresponding_author_ids":[],"corresponding_institution_ids":[],"apc_list":null,"apc_paid":null,"fwci":24.216,"has_fulltext":false,"cited_by_count":13,"citation_normalized_percentile":{"value":0.99326929,"is_in_top_1_percent":true,"is_in_top_10_percent":true},"cited_by_percentile_year":{"min":90,"max":100},"biblio":{"volume":"2","issue":"FSE","first_page":"2099","last_page":"2122"},"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.9945999979972839,"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.9945999979972839,"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.9915000200271606,"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/T12799","display_name":"Mobile and Web Applications","score":0.9807000160217285,"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"}}],"keywords":[{"id":"https://openalex.org/keywords/divide-and-conquer-algorithms","display_name":"Divide and conquer algorithms","score":0.8108423948287964},{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.6471343040466309},{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.591566801071167},{"id":"https://openalex.org/keywords/digital-divide","display_name":"Digital divide","score":0.5011537075042725},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.3713632822036743},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.23313093185424805},{"id":"https://openalex.org/keywords/information-and-communications-technology","display_name":"Information and Communications Technology","score":0.07628214359283447}],"concepts":[{"id":"https://openalex.org/C71559656","wikidata":"https://www.wikidata.org/wiki/Q671298","display_name":"Divide and conquer algorithms","level":2,"score":0.8108423948287964},{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.6471343040466309},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.591566801071167},{"id":"https://openalex.org/C173655357","wikidata":"https://www.wikidata.org/wiki/Q244752","display_name":"Digital divide","level":3,"score":0.5011537075042725},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.3713632822036743},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.23313093185424805},{"id":"https://openalex.org/C67363961","wikidata":"https://www.wikidata.org/wiki/Q5268834","display_name":"Information and Communications Technology","level":2,"score":0.07628214359283447},{"id":"https://openalex.org/C177264268","wikidata":"https://www.wikidata.org/wiki/Q1514741","display_name":"Set (abstract data type)","level":2,"score":0.0}],"mesh":[],"locations_count":3,"locations":[{"id":"doi:10.1145/3729364","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3729364","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:2406.16386","is_oa":true,"landing_page_url":"http://arxiv.org/abs/2406.16386","pdf_url":"https://arxiv.org/pdf/2406.16386","source":{"id":"https://openalex.org/S4306400194","display_name":"arXiv (Cornell University)","issn_l":null,"issn":null,"is_oa":true,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/I205783295","host_organization_name":"Cornell University","host_organization_lineage":["https://openalex.org/I205783295"],"host_organization_lineage_names":[],"type":"repository"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"submittedVersion","is_accepted":false,"is_published":false,"raw_source_name":null,"raw_type":"text"},{"id":"doi:10.48550/arxiv.2406.16386","is_oa":true,"landing_page_url":"https://doi.org/10.48550/arxiv.2406.16386","pdf_url":null,"source":{"id":"https://openalex.org/S4306400194","display_name":"arXiv (Cornell University)","issn_l":null,"issn":null,"is_oa":true,"is_in_doaj":false,"is_core":false,"host_organization":"https://openalex.org/I205783295","host_organization_name":"Cornell University","host_organization_lineage":["https://openalex.org/I205783295"],"host_organization_lineage_names":[],"type":"repository"},"license":null,"license_id":null,"version":null,"is_accepted":false,"is_published":null,"raw_source_name":null,"raw_type":"article-journal"}],"best_oa_location":{"id":"doi:10.1145/3729364","is_oa":true,"landing_page_url":"https://doi.org/10.1145/3729364","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":[],"awards":[],"funders":[],"has_content":{"pdf":false,"grobid_xml":false},"content_urls":null,"referenced_works_count":11,"referenced_works":["https://openalex.org/W3130066585","https://openalex.org/W2962724148","https://openalex.org/W3172798676","https://openalex.org/W4307079201","https://openalex.org/W4391558516","https://openalex.org/W4390493562","https://openalex.org/W2885317468","https://openalex.org/W3132455321","https://openalex.org/W2963295463","https://openalex.org/W3177174258","https://openalex.org/W3173202512"],"related_works":["https://openalex.org/W4391375266","https://openalex.org/W2748952813","https://openalex.org/W2352794675","https://openalex.org/W1539994214","https://openalex.org/W2111712077","https://openalex.org/W2051228988","https://openalex.org/W4247094814","https://openalex.org/W108531593","https://openalex.org/W8810113","https://openalex.org/W129734479"],"abstract_inverted_index":{"Websites":[0],"are":[1],"critical":[2],"in":[3,71,102,174,179],"today\u2019s":[4],"digital":[5],"world,":[6],"with":[7,154],"over":[8],"1.11":[9],"billion":[10],"currently":[11],"active":[12],"and":[13,65,79,138,161,164,177,198],"approximately":[14],"252,000":[15],"new":[16],"sites":[17],"launched":[18],"daily.":[19],"Converting":[20],"website":[21,35],"layout":[22],"design":[23,121],"into":[24,43,130,142],"functional":[25,44],"UI":[26,73,123,144,203,220],"code":[27,45,134,145,180,221],"is":[28,212],"a":[29,60,86,112,155,171],"time-consuming":[30],"yet":[31],"indispensable":[32],"step":[33],"of":[34,39,69,119,158,208],"development.":[36],"Manual":[37],"methods":[38],"converting":[40],"visual":[41,90,175],"designs":[42],"present":[46],"significant":[47],"challenges,":[48],"especially":[49],"for":[50,135,146,182,218],"non-experts.":[51],"To":[52,205],"explore":[53],"automatic":[54],"design-to-code":[55],"solutions,":[56],"we":[57,109],"first":[58,214],"conduct":[59,151],"motivating":[61],"study":[62],"on":[63,88],"GPT-4o":[64],"identify":[66],"three":[67],"types":[68],"issues":[70],"generating":[72,133,219],"code:":[74],"element":[75,77,80],"omission,":[76],"distortion,":[78],"misarrangement.":[81],"We":[82,150],"further":[83],"reveal":[84],"that":[85,166,189],"focus":[87],"smaller":[89],"segments":[91],"can":[92,191],"help":[93,192],"multimodal":[94],"large":[95,183],"language":[96],"models":[97],"(MLLMs)":[98],"mitigate":[99],"these":[100],"failures":[101],"the":[103,117,147,202,206,213],"generation":[104],"process.":[105],"In":[106],"this":[107],"paper,":[108],"propose":[110],"DCGen,":[111],"divide-and-conquer-based":[113],"approach":[114,217],"to":[115,122,170,201],"automate":[116],"translation":[118],"webpage":[120],"code.":[124],"DCGen":[125,167,190,211],"starts":[126],"by":[127],"dividing":[128],"screenshots":[129],"manageable":[131],"segments,":[132],"each":[136],"segment,":[137],"then":[139],"reassembling":[140],"them":[141],"complete":[143],"entire":[148],"screenshot.":[149],"extensive":[152],"testing":[153],"dataset":[156],"comprised":[157],"real-world":[159],"websites":[160],"various":[162],"MLLMs":[163],"demonstrate":[165],"achieves":[168],"up":[169],"15%":[172],"improvement":[173],"similarity":[176,181],"8%":[178],"input":[184],"images.":[185],"Human":[186],"evaluations":[187],"show":[188],"developers":[193],"implement":[194],"webpages":[195],"significantly":[196],"faster":[197],"more":[199],"similar":[200],"designs.":[204],"best":[207],"our":[209],"knowledge,":[210],"segment-aware":[215],"MLLM-based":[216],"directly":[222],"from":[223],"screenshots.":[224]},"counts_by_year":[{"year":2026,"cited_by_count":8},{"year":2025,"cited_by_count":4},{"year":2024,"cited_by_count":1}],"updated_date":"2026-07-15T18:14:33.161393","created_date":"2024-06-26T00:00:00"}