{"id":"https://openalex.org/W4412945157","doi":"https://doi.org/10.18653/v1/2025.acl-long.1208","title":"WAFFLE: Fine-tuning Multi-Modal Model for Automated Front-End Development","display_name":"WAFFLE: Fine-tuning Multi-Modal Model for Automated Front-End Development","publication_year":2025,"publication_date":"2025-01-01","ids":{"openalex":"https://openalex.org/W4412945157","doi":"https://doi.org/10.18653/v1/2025.acl-long.1208"},"language":"en","primary_location":{"id":"doi:10.18653/v1/2025.acl-long.1208","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2025.acl-long.1208","pdf_url":"https://aclanthology.org/2025.acl-long.1208.pdf","source":null,"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 63rd Annual Meeting of the Association for Computational Linguistics (Volume 1: Long Papers)","raw_type":"proceedings-article"},"type":"conference-paper","indexed_in":["crossref"],"open_access":{"is_oa":true,"oa_status":"gold","oa_url":"https://aclanthology.org/2025.acl-long.1208.pdf","any_repository_has_fulltext":null},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5102722055","display_name":"Shanchao Liang","orcid":"https://orcid.org/0000-0002-7707-6551"},"institutions":[{"id":"https://openalex.org/I219193219","display_name":"Purdue University West Lafayette","ror":"https://ror.org/02dqehb95","country_code":"US","type":"education","lineage":["https://openalex.org/I219193219"]}],"countries":["US"],"is_corresponding":false,"raw_author_name":"Shanchao Liang","raw_affiliation_strings":["Purdue University Purdue University Purdue University Purdue University"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Purdue University Purdue University Purdue University Purdue University","institution_ids":["https://openalex.org/I219193219"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5044977352","display_name":"Nan Jiang","orcid":"https://orcid.org/0000-0003-0714-750X"},"institutions":[{"id":"https://openalex.org/I219193219","display_name":"Purdue University West Lafayette","ror":"https://ror.org/02dqehb95","country_code":"US","type":"education","lineage":["https://openalex.org/I219193219"]}],"countries":["US"],"is_corresponding":false,"raw_author_name":"Nan Jiang","raw_affiliation_strings":["Purdue University Purdue University Purdue University Purdue University"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Purdue University Purdue University Purdue University Purdue University","institution_ids":["https://openalex.org/I219193219"]}]},{"author_position":"middle","author":{"id":"https://openalex.org/A5107428158","display_name":"S. Qian","orcid":"https://orcid.org/0009-0004-7855-6997"},"institutions":[{"id":"https://openalex.org/I219193219","display_name":"Purdue University West Lafayette","ror":"https://ror.org/02dqehb95","country_code":"US","type":"education","lineage":["https://openalex.org/I219193219"]}],"countries":["US"],"is_corresponding":false,"raw_author_name":"Shangshu Qian","raw_affiliation_strings":["Purdue University Purdue University Purdue University Purdue University"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Purdue University Purdue University Purdue University Purdue University","institution_ids":["https://openalex.org/I219193219"]}]},{"author_position":"last","author":{"id":"https://openalex.org/A5055499475","display_name":"Lin Tan","orcid":null},"institutions":[{"id":"https://openalex.org/I219193219","display_name":"Purdue University West Lafayette","ror":"https://ror.org/02dqehb95","country_code":"US","type":"education","lineage":["https://openalex.org/I219193219"]}],"countries":["US"],"is_corresponding":false,"raw_author_name":"Lin Tan","raw_affiliation_strings":["Purdue University Purdue University Purdue University Purdue University"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"Purdue University Purdue University Purdue University Purdue University","institution_ids":["https://openalex.org/I219193219"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":1,"corresponding_author_ids":[],"corresponding_institution_ids":["https://openalex.org/I219193219"],"apc_list":null,"apc_paid":null,"fwci":1.2524,"has_fulltext":true,"cited_by_count":1,"citation_normalized_percentile":{"value":0.7756167,"is_in_top_1_percent":false,"is_in_top_10_percent":false},"cited_by_percentile_year":{"min":94,"max":97},"biblio":{"volume":null,"issue":null,"first_page":"24786","last_page":"24802"},"is_retracted":false,"is_paratext":false,"is_xpac":false,"primary_topic":{"id":"https://openalex.org/T11450","display_name":"Model-Driven Software Engineering Techniques","score":0.9873999953269958,"subfield":{"id":"https://openalex.org/subfields/1712","display_name":"Software"},"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/T11450","display_name":"Model-Driven Software Engineering Techniques","score":0.9873999953269958,"subfield":{"id":"https://openalex.org/subfields/1712","display_name":"Software"},"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/T10743","display_name":"Software Testing and Debugging Techniques","score":0.9825000166893005,"subfield":{"id":"https://openalex.org/subfields/1712","display_name":"Software"},"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/T10904","display_name":"Embedded Systems Design Techniques","score":0.9794999957084656,"subfield":{"id":"https://openalex.org/subfields/1708","display_name":"Hardware and Architecture"},"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/modal","display_name":"Modal","score":0.7094919085502625},{"id":"https://openalex.org/keywords/computer-science","display_name":"Computer science","score":0.6681826114654541},{"id":"https://openalex.org/keywords/front-and-back-ends","display_name":"Front and back ends","score":0.6203664541244507},{"id":"https://openalex.org/keywords/operating-system","display_name":"Operating system","score":0.15201860666275024},{"id":"https://openalex.org/keywords/materials-science","display_name":"Materials science","score":0.08183479309082031}],"concepts":[{"id":"https://openalex.org/C71139939","wikidata":"https://www.wikidata.org/wiki/Q910194","display_name":"Modal","level":2,"score":0.7094919085502625},{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.6681826114654541},{"id":"https://openalex.org/C53016008","wikidata":"https://www.wikidata.org/wiki/Q620167","display_name":"Front and back ends","level":2,"score":0.6203664541244507},{"id":"https://openalex.org/C111919701","wikidata":"https://www.wikidata.org/wiki/Q9135","display_name":"Operating system","level":1,"score":0.15201860666275024},{"id":"https://openalex.org/C192562407","wikidata":"https://www.wikidata.org/wiki/Q228736","display_name":"Materials science","level":0,"score":0.08183479309082031},{"id":"https://openalex.org/C188027245","wikidata":"https://www.wikidata.org/wiki/Q750446","display_name":"Polymer chemistry","level":1,"score":0.0}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.18653/v1/2025.acl-long.1208","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2025.acl-long.1208","pdf_url":"https://aclanthology.org/2025.acl-long.1208.pdf","source":null,"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 63rd Annual Meeting of the Association for Computational Linguistics (Volume 1: Long Papers)","raw_type":"proceedings-article"}],"best_oa_location":{"id":"doi:10.18653/v1/2025.acl-long.1208","is_oa":true,"landing_page_url":"https://doi.org/10.18653/v1/2025.acl-long.1208","pdf_url":"https://aclanthology.org/2025.acl-long.1208.pdf","source":null,"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 63rd Annual Meeting of the Association for Computational Linguistics (Volume 1: Long Papers)","raw_type":"proceedings-article"},"sustainable_development_goals":[],"awards":[{"id":"https://openalex.org/G1174061045","display_name":"SHF:Small:Differential Testing for Machine Learning Software","funder_award_id":"2006688","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G1453181110","display_name":null,"funder_award_id":"#2138286","funder_id":"https://openalex.org/F4320337377","funder_display_name":"Office of Advanced Cyberinfrastructure"},{"id":"https://openalex.org/G1912064254","display_name":"Track 4:  Advanced CI Coordination Ecosystem: Monitoring and Measurement Services","funder_award_id":"2137603","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G2299875479","display_name":null,"funder_award_id":"2138296","funder_id":"https://openalex.org/F4320309036","funder_display_name":"Purdue University"},{"id":"https://openalex.org/G2888034965","display_name":null,"funder_award_id":"21-38307","funder_id":"https://openalex.org/F4320309036","funder_display_name":"Purdue University"},{"id":"https://openalex.org/G3185749182","display_name":null,"funder_award_id":"2138286","funder_id":"https://openalex.org/F4320309036","funder_display_name":"Purdue University"},{"id":"https://openalex.org/G3562386289","display_name":null,"funder_award_id":"#2138296","funder_id":"https://openalex.org/F4320337377","funder_display_name":"Office of Advanced Cyberinfrastructure"},{"id":"https://openalex.org/G4006316252","display_name":"Track 1: ACCESS Resource Allocations Marketplace and Platform Services (RAMPS)","funder_award_id":"2138259","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G4010157413","display_name":null,"funder_award_id":"2138259","funder_id":"https://openalex.org/F4320337377","funder_display_name":"Office of Advanced Cyberinfrastructure"},{"id":"https://openalex.org/G509285653","display_name":"Track 3: COre National Ecosystem for CyberinfrasTructure (CONECT)","funder_award_id":"2138307","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G5367127336","display_name":null,"funder_award_id":"#2138307","funder_id":"https://openalex.org/F4320337377","funder_display_name":"Office of Advanced Cyberinfrastructure"},{"id":"https://openalex.org/G5464919783","display_name":null,"funder_award_id":"2137603","funder_id":"https://openalex.org/F4320337377","funder_display_name":"Office of Advanced Cyberinfrastructure"},{"id":"https://openalex.org/G7284570364","display_name":"SHF: Medium: Principled Co-Reasoning of Software and Natural-Language Artifacts","funder_award_id":"1901242","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G731264315","display_name":null,"funder_award_id":"21-37603","funder_id":"https://openalex.org/F4320309036","funder_display_name":"Purdue University"},{"id":"https://openalex.org/G8300691027","display_name":"Track 2: Customized Multi-tier Assistance, Training, and Computational Help (MATCH) for End User ACCESS to CI","funder_award_id":"2138286","funder_id":"https://openalex.org/F4320306076","funder_display_name":"National Science Foundation"},{"id":"https://openalex.org/G878072758","display_name":null,"funder_award_id":"21-38259","funder_id":"https://openalex.org/F4320309036","funder_display_name":"Purdue University"}],"funders":[{"id":"https://openalex.org/F4320306076","display_name":"National Science Foundation","ror":"https://ror.org/021nxhr62"},{"id":"https://openalex.org/F4320309036","display_name":"Purdue University","ror":"https://ror.org/02dqehb95"},{"id":"https://openalex.org/F4320337377","display_name":"Office of Advanced Cyberinfrastructure","ror":"https://ror.org/04nh1dc89"}],"has_content":{"pdf":true,"grobid_xml":true},"content_urls":{"pdf":"https://content.openalex.org/works/W4412945157.pdf","grobid_xml":"https://content.openalex.org/works/W4412945157.grobid-xml"},"referenced_works_count":0,"referenced_works":[],"related_works":["https://openalex.org/W4391375266","https://openalex.org/W2899084033","https://openalex.org/W2748952813","https://openalex.org/W2390279801","https://openalex.org/W4391913857","https://openalex.org/W2358668433","https://openalex.org/W4396701345","https://openalex.org/W2376932109","https://openalex.org/W2001405890","https://openalex.org/W4396696052"],"abstract_inverted_index":{"Web":[0],"development":[1],"involves":[2],"turning":[3],"UI":[4,66,108],"designs":[5,67],"into":[6],"functional":[7],"webpages,":[8],"which":[9],"can":[10],"be":[11],"difficult":[12],"for":[13,54],"both":[14],"beginners":[15],"and":[16,27,56,68,98,110,133,143],"experienced":[17],"developers":[18],"due":[19],"to":[20,91,103,118],"the":[21,59,62,69],"complexity":[22],"of":[23,65,72,95,107],"HTML's":[24,51,96],"hierarchical":[25,52],"structures":[26],"styles.While":[28],"Large":[29],"Language":[30],"Models":[31],"(LLMs)":[32],"have":[33],"shown":[34],"promise":[35],"in":[36,44],"generating":[37],"source":[38],"code,":[39],"two":[40],"major":[41],"challenges":[42],"persist":[43],"UI-to-HTML":[45],"code":[46],"generation:":[47],"(1)":[48],"effectively":[49],"representing":[50],"structure":[53,97],"LLMs,":[55],"(2)":[57],"bridging":[58],"gap":[60],"between":[61],"visual":[63],"nature":[64],"text-based":[70],"format":[71],"HTML":[73,111,125],"code.To":[74],"tackle":[75],"these":[76],"challenges,":[77],"we":[78],"introduce":[79],"WAFFLE,":[80],"a":[81,87,99],"new":[82,140],"fine-tuning":[83,101,150],"strategy":[84],"that":[85],"uses":[86],"structure-aware":[88],"attention":[89],"mechanism":[90],"improve":[92],"LLMs'":[93,105],"understanding":[94,106],"contrastive":[100],"approach":[102],"align":[104],"images":[109],"code.Models":[112],"fine-tuned":[113],"with":[114],"WAFFLE":[115],"show":[116],"up":[117],"9.00":[119],"pp":[120,135],"(absolute":[121],"percentage":[122],"point)":[123],"higher":[124,128,131,136],"match,":[126],"0.0982":[127],"CW-SSIM,":[129],"32.99":[130],"CLIP,":[132],"27.12":[134],"LLEM":[137],"on":[138],"our":[139],"benchmark":[141,146],"WebSight-Test":[142],"an":[144],"existing":[145],"Design2Code,":[147],"outperforming":[148],"current":[149],"methods.":[151]},"counts_by_year":[{"year":2026,"cited_by_count":1}],"updated_date":"2026-08-01T09:00:35.917206","created_date":"2025-10-10T00:00:00"}