{"id":"https://openalex.org/W4412825894","doi":"https://doi.org/10.1145/3711896.3737016","title":"<scp>LaTCoder:</scp> Converting Webpage Design to Code with Layout-as-Thought","display_name":"<scp>LaTCoder:</scp> Converting Webpage Design to Code with Layout-as-Thought","publication_year":2025,"publication_date":"2025-08-01","ids":{"openalex":"https://openalex.org/W4412825894","doi":"https://doi.org/10.1145/3711896.3737016"},"language":"en","primary_location":{"id":"doi:10.1145/3711896.3737016","is_oa":false,"landing_page_url":"https://doi.org/10.1145/3711896.3737016","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 31st ACM SIGKDD Conference on Knowledge Discovery and Data Mining V.2","raw_type":"proceedings-article"},"type":"article","indexed_in":["arxiv","crossref"],"open_access":{"is_oa":true,"oa_status":"green","oa_url":"https://arxiv.org/pdf/2508.03560","any_repository_has_fulltext":true},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5084159330","display_name":"Yi Gui","orcid":"https://orcid.org/0009-0006-2841-7942"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":true,"raw_author_name":"Yi Gui","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0006-2841-7942","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Zhen Li","orcid":"https://orcid.org/0009-0007-0873-6126"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Zhen Li","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0007-0873-6126","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5069229847","display_name":"Zhongyi Zhang","orcid":"https://orcid.org/0009-0009-9951-3335"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Zhongyi Zhang","raw_affiliation_strings":["School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0009-9951-3335","affiliations":[{"raw_affiliation_string":"School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Guohao Wang","orcid":"https://orcid.org/0009-0004-1046-1510"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Guohao Wang","raw_affiliation_strings":["School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0004-1046-1510","affiliations":[{"raw_affiliation_string":"School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Tianpeng Lv","orcid":"https://orcid.org/0009-0006-2860-4211"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Tianpeng Lv","raw_affiliation_strings":["School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0006-2860-4211","affiliations":[{"raw_affiliation_string":"School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Gaoyang Jiang","orcid":"https://orcid.org/0009-0009-1032-3659"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Gaoyang Jiang","raw_affiliation_strings":["School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0009-1032-3659","affiliations":[{"raw_affiliation_string":"School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":null,"display_name":"Yi Liu","orcid":"https://orcid.org/0009-0002-7120-3158"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Yi Liu","raw_affiliation_strings":["School of Artificial Intelligence and Automation, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0002-7120-3158","affiliations":[{"raw_affiliation_string":"School of Artificial Intelligence and Automation, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5015370659","display_name":"Dongping Chen","orcid":"https://orcid.org/0009-0009-9848-2557"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Dongping Chen","raw_affiliation_strings":["School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0009-0009-9848-2557","affiliations":[{"raw_affiliation_string":"School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5101555948","display_name":"Yao Wan","orcid":"https://orcid.org/0000-0001-6937-4180"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Yao Wan","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0000-0001-6937-4180","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5100412598","display_name":"Hongyu Zhang","orcid":"https://orcid.org/0000-0002-3063-9425"},"institutions":[{"id":"https://openalex.org/I158842170","display_name":"Chongqing University","ror":"https://ror.org/023rhb549","country_code":"CN","type":"education","lineage":["https://openalex.org/I158842170"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Hongyu Zhang","raw_affiliation_strings":["School of Big Data and Software Engineering, Chongqing University, Chongqing, China"],"raw_orcid":"https://orcid.org/0000-0002-3063-9425","affiliations":[{"raw_affiliation_string":"School of Big Data and Software Engineering, Chongqing University, Chongqing, China","institution_ids":["https://openalex.org/I158842170"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5003231472","display_name":"Wenbin Jiang","orcid":"https://orcid.org/0000-0001-5628-8806"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Wenbin Jiang","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0000-0001-5628-8806","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5016486553","display_name":"Xuanhua Shi","orcid":"https://orcid.org/0000-0001-8451-8656"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Xuanhua Shi","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0000-0001-8451-8656","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5022262922","display_name":"Hai Jin","orcid":"https://orcid.org/0000-0002-3934-7605"},"institutions":[{"id":"https://openalex.org/I47720641","display_name":"Huazhong University of Science and Technology","ror":"https://ror.org/00p991c53","country_code":"CN","type":"education","lineage":["https://openalex.org/I47720641"]}],"countries":["CN"],"is_corresponding":false,"raw_author_name":"Hai Jin","raw_affiliation_strings":["National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China"],"raw_orcid":"https://orcid.org/0000-0002-3934-7605","affiliations":[{"raw_affiliation_string":"National Engineering Research Center for Big Data Technology and System, Services Computing Technology and System Lab, Cluster and Grid Computing Lab, School of Computer Science and Technology, Huazhong University of Science and Technology, Wuhan, China","institution_ids":["https://openalex.org/I47720641"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":13,"corresponding_author_ids":["https://openalex.org/A5084159330"],"corresponding_institution_ids":["https://openalex.org/I47720641"],"apc_list":null,"apc_paid":null,"fwci":3.5588,"has_fulltext":false,"cited_by_count":1,"citation_normalized_percentile":{"value":0.92463654,"is_in_top_1_percent":false,"is_in_top_10_percent":true},"cited_by_percentile_year":{"min":96,"max":98},"biblio":{"volume":null,"issue":null,"first_page":"721","last_page":"732"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T12720","display_name":"Multimedia Communication and Technology","score":0.9987000226974487,"subfield":{"id":"https://openalex.org/subfields/3312","display_name":"Sociology and Political Science"},"field":{"id":"https://openalex.org/fields/33","display_name":"Social Sciences"},"domain":{"id":"https://openalex.org/domains/2","display_name":"Social Sciences"}},"topics":[{"id":"https://openalex.org/T12720","display_name":"Multimedia Communication and Technology","score":0.9987000226974487,"subfield":{"id":"https://openalex.org/subfields/3312","display_name":"Sociology and Political Science"},"field":{"id":"https://openalex.org/fields/33","display_name":"Social Sciences"},"domain":{"id":"https://openalex.org/domains/2","display_name":"Social Sciences"}},{"id":"https://openalex.org/T12016","display_name":"Web Data Mining and Analysis","score":0.998199999332428,"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/T11439","display_name":"Video Analysis and Summarization","score":0.9980999827384949,"subfield":{"id":"https://openalex.org/subfields/1707","display_name":"Computer Vision and Pattern Recognition"},"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.7062826156616211},{"id":"https://openalex.org/keywords/code","display_name":"Code (set theory)","score":0.6631201505661011},{"id":"https://openalex.org/keywords/web-page","display_name":"Web page","score":0.6486758589744568},{"id":"https://openalex.org/keywords/world-wide-web","display_name":"World Wide Web","score":0.3685190975666046},{"id":"https://openalex.org/keywords/programming-language","display_name":"Programming language","score":0.33048027753829956}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.7062826156616211},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.6631201505661011},{"id":"https://openalex.org/C21959979","wikidata":"https://www.wikidata.org/wiki/Q36774","display_name":"Web page","level":2,"score":0.6486758589744568},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.3685190975666046},{"id":"https://openalex.org/C199360897","wikidata":"https://www.wikidata.org/wiki/Q9143","display_name":"Programming language","level":1,"score":0.33048027753829956},{"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":2,"locations":[{"id":"doi:10.1145/3711896.3737016","is_oa":false,"landing_page_url":"https://doi.org/10.1145/3711896.3737016","pdf_url":null,"source":null,"license":null,"license_id":null,"version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"Proceedings of the 31st ACM SIGKDD Conference on Knowledge Discovery and Data Mining V.2","raw_type":"proceedings-article"},{"id":"pmh:oai:arXiv.org:2508.03560","is_oa":true,"landing_page_url":"http://arxiv.org/abs/2508.03560","pdf_url":"https://arxiv.org/pdf/2508.03560","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":"pmh:oai:arXiv.org:2508.03560","is_oa":true,"landing_page_url":"http://arxiv.org/abs/2508.03560","pdf_url":"https://arxiv.org/pdf/2508.03560","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"},"sustainable_development_goals":[],"awards":[],"funders":[],"has_content":{"grobid_xml":false,"pdf":false},"content_urls":null,"referenced_works_count":23,"referenced_works":["https://openalex.org/W1901129140","https://openalex.org/W2143668817","https://openalex.org/W2560674852","https://openalex.org/W2606092111","https://openalex.org/W2806070179","https://openalex.org/W2888557792","https://openalex.org/W2962724148","https://openalex.org/W3011632945","https://openalex.org/W3133702157","https://openalex.org/W4304013646","https://openalex.org/W4312933868","https://openalex.org/W4321485607","https://openalex.org/W4386071540","https://openalex.org/W4386076211","https://openalex.org/W4393160302","https://openalex.org/W4397032804","https://openalex.org/W4402670824","https://openalex.org/W4403536858","https://openalex.org/W4404792913","https://openalex.org/W4409671919","https://openalex.org/W4411120254","https://openalex.org/W4412875495","https://openalex.org/W4412944839"],"related_works":["https://openalex.org/W2748952813","https://openalex.org/W1488511360","https://openalex.org/W1781894645","https://openalex.org/W2894902932","https://openalex.org/W569715723","https://openalex.org/W188332989","https://openalex.org/W2982387199","https://openalex.org/W2120930843","https://openalex.org/W42013907","https://openalex.org/W2042734105"],"abstract_inverted_index":{"Converting":[0],"webpage":[1,77,97],"designs":[2],"into":[3,99],"code":[4,50,80,112],"(design-to-code)":[5],"plays":[6],"a":[7,69,89,107,152,156],"vital":[8],"role":[9],"in":[10,38,63,76,209],"User":[11],"Interface":[12],"(UI)":[13],"development":[14],"for":[15,113],"front-end":[16],"developers,":[17],"bridging":[18],"the":[19,47,59,96,132,137,195,204,218],"gap":[20],"between":[21],"visual":[22],"design":[23,78,98],"and":[24,66,123,148,155,182],"functional":[25],"implementation.":[26],"While":[27],"recent":[28],"Multimodal":[29],"Large":[30],"Language":[31],"Models":[32],"(MLLMs)":[33],"have":[34],"shown":[35],"significant":[36,174],"potential":[37],"design-to-code":[39],"tasks,":[40],"they":[41],"often":[42],"fail":[43],"to":[44,94,110,130,191],"accurately":[45],"preserve":[46],"layout":[48,74],"during":[49,79],"generation.":[51],"To":[52],"this":[53],"end,":[54],"we":[55,86,103,117],"draw":[56],"inspiration":[57],"from":[58],"Chain-of-Thought":[60],"(CoT)":[61],"reasoning":[62],"human":[64,196],"cognition":[65],"propose":[67],"LaTCoder,":[68],"novel":[70],"approach":[71,109],"that":[72,163,201],"enhances":[73],"preservation":[75],"generation":[81],"with":[82],"Layout-as-Thought":[83],"(LaT).":[84],"Specifically,":[85,176],"first":[87],"introduce":[88],"simple":[90],"yet":[91],"efficient":[92],"algorithm":[93],"divide":[95],"image":[100],"blocks.":[101],"Next,":[102],"prompt":[104],"MLLMs":[105,144],"using":[106,141,188],"CoT-based":[108],"generate":[111],"each":[114],"block.":[115],"Finally,":[116],"apply":[118],"two":[119],"assembly":[120],"strategies-absolute":[121],"positioning":[122],"an":[124],"MLLM-based":[125],"method-followed":[126],"by":[127,180,185,207],"dynamic":[128],"selection":[129],"determine":[131],"optimal":[133],"output.":[134],"We":[135],"evaluate":[136],"effectiveness":[138,219],"of":[139,212,217,220],"LaTCoder":[140,208],"multiple":[142],"backbone":[143],"(i.e.,":[145],"DeepSeek-VL2,":[146,189],"Gemini,":[147],"GPT-4o)":[149],"on":[150,170],"both":[151],"public":[153],"benchmark":[154,161],"newly":[157],"introduced,":[158],"more":[159],"challenging":[160],"(CC-HARD)":[162],"features":[164],"complex":[165],"layouts.":[166],"The":[167],"experimental":[168],"results":[169,199],"automatic":[171],"metrics":[172],"demonstrate":[173],"improvements.":[175],"TreeBLEU":[177],"scores":[178],"increased":[179],"66.67%":[181],"MAE":[183],"decreased":[184],"38%":[186],"when":[187],"compared":[190],"direct":[192],"prompting.":[193],"Moreover,":[194],"preference":[197],"evaluation":[198],"indicate":[200],"annotators":[202],"favor":[203],"webpages":[205],"generated":[206],"over":[210],"60%":[211],"cases,":[213],"providing":[214],"strong":[215],"evidence":[216],"our":[221],"method.":[222]},"counts_by_year":[{"year":2026,"cited_by_count":1}],"updated_date":"2026-05-05T06:06:40.768181","created_date":"2025-08-01T00:00:00"}