{"id":"https://openalex.org/W7224439633","doi":"https://doi.org/10.18178/ijml.2026.16.4.1188","title":"From Layout Clustering to Code Generation: AI-Driven Automation in Web Design","display_name":"From Layout Clustering to Code Generation: AI-Driven Automation in Web Design","publication_year":2026,"publication_date":"2026-01-01","ids":{"openalex":"https://openalex.org/W7224439633","doi":"https://doi.org/10.18178/ijml.2026.16.4.1188"},"language":"en","primary_location":{"id":"doi:10.18178/ijml.2026.16.4.1188","doi":"https://doi.org/10.18178/ijml.2026.16.4.1188","is_oa":true,"landing_page_url":"https://doi.org/10.18178/ijml.2026.16.4.1188","pdf_url":"https://www.ijml.org/vol16/IJML-V16N4-1188.pdf","source":{"id":"https://openalex.org/S4387286942","display_name":"International Journal of Machine Learning","issn_l":"2972-368X","issn":["2972-368X"],"is_oa":false,"is_in_doaj":false,"is_core":true,"listed_in":["cwts-core"],"host_organization":null,"host_organization_name":null,"host_organization_lineage":[],"host_organization_lineage_names":[],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"International Journal of Machine Learning","raw_type":"journal-article"},"volume":null,"type":"article","indexed_in":["crossref"],"open_access":{"is_oa":true,"oa_status":"hybrid","oa_url":"https://www.ijml.org/vol16/IJML-V16N4-1188.pdf","any_repository_has_fulltext":false},"authorships":[{"author_position":"first","author":{"id":"https://openalex.org/A5066707416","display_name":"Thisaranie Kaluarachchi","orcid":"https://orcid.org/0000-0002-3579-8847","observed_orcids":["https://orcid.org/0000-0002-3579-8847"]},"institutions":[{"id":"https://openalex.org/I90678064","display_name":"University of Colombo","ror":"https://ror.org/02phn5242","country_code":"LK","type":"education","lineage":["https://openalex.org/I90678064"]}],"countries":["LK"],"is_corresponding":true,"raw_author_name":"Thisaranie Kaluarachchi","raw_affiliation_strings":["University of Colombo School of Computing , University of Colombo , Colombo , Sri Lanka"],"raw_orcid":null,"affiliations":[{"raw_affiliation_string":"University of Colombo School of Computing , University of Colombo , Colombo , Sri Lanka","institution_ids":["https://openalex.org/I90678064"]}]}],"institutions":[],"countries_distinct_count":1,"institutions_distinct_count":1,"corresponding_author_ids":["https://openalex.org/A5066707416"],"corresponding_institution_ids":["https://openalex.org/I90678064"],"apc_list":null,"apc_paid":null,"fwci":0.0,"has_fulltext":true,"cited_by_count":0,"citation_normalized_percentile":{"value":0.92522777,"is_in_top_1_percent":false,"is_in_top_10_percent":true},"cited_by_percentile_year":null,"biblio":{"volume":null,"issue":null,"first_page":"25","last_page":"38"},"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.5820000171661377,"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.5820000171661377,"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.13989999890327454,"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.042399998754262924,"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/automatic-code-generation","display_name":"automatic code generation","score":0.6840000152587891},{"id":"https://openalex.org/keywords/website-templates","display_name":"web templates","score":0.49799999594688416},{"id":"https://openalex.org/keywords/visual-feature-extraction","display_name":"visual feature extraction","score":0.7480000257492065},{"id":"https://openalex.org/keywords/unsupervised-clustering","display_name":"unsupervised clustering","score":0.7599999904632568},{"id":"https://openalex.org/keywords/large-language-models","display_name":"large language models","score":0.7300000190734863},{"id":"https://openalex.org/keywords/multimodal-artificial-intelligence","display_name":"multimodal AI","score":0.9760000109672546},{"id":"https://openalex.org/keywords/data-scarcity","display_name":"data scarcity","score":0.5149999856948853}],"concepts":[{"id":"https://openalex.org/C41008148","wikidata":"https://www.wikidata.org/wiki/Q21198","display_name":"Computer science","level":0,"score":0.7421000003814697},{"id":"https://openalex.org/C115901376","wikidata":"https://www.wikidata.org/wiki/Q184199","display_name":"Automation","level":2,"score":0.5996999740600586},{"id":"https://openalex.org/C177212765","wikidata":"https://www.wikidata.org/wiki/Q627335","display_name":"Workflow","level":2,"score":0.582099974155426},{"id":"https://openalex.org/C73555534","wikidata":"https://www.wikidata.org/wiki/Q622825","display_name":"Cluster analysis","level":2,"score":0.5461000204086304},{"id":"https://openalex.org/C115903868","wikidata":"https://www.wikidata.org/wiki/Q80993","display_name":"Software engineering","level":1,"score":0.43540000915527344},{"id":"https://openalex.org/C130436687","wikidata":"https://www.wikidata.org/wiki/Q7978591","display_name":"Web modeling","level":3,"score":0.3953999876976013},{"id":"https://openalex.org/C179518139","wikidata":"https://www.wikidata.org/wiki/Q5140297","display_name":"Coding (social sciences)","level":2,"score":0.3912000060081482},{"id":"https://openalex.org/C2522767166","wikidata":"https://www.wikidata.org/wiki/Q2374463","display_name":"Data science","level":1,"score":0.3910999894142151},{"id":"https://openalex.org/C39890363","wikidata":"https://www.wikidata.org/wiki/Q36108","display_name":"Generative grammar","level":2,"score":0.3734000027179718},{"id":"https://openalex.org/C146054899","wikidata":"https://www.wikidata.org/wiki/Q181156","display_name":"Software design pattern","level":3,"score":0.3630000054836273},{"id":"https://openalex.org/C154945302","wikidata":"https://www.wikidata.org/wiki/Q11660","display_name":"Artificial intelligence","level":1,"score":0.3596000075340271},{"id":"https://openalex.org/C98045186","wikidata":"https://www.wikidata.org/wiki/Q205663","display_name":"Process (computing)","level":2,"score":0.3562000095844269},{"id":"https://openalex.org/C26517878","wikidata":"https://www.wikidata.org/wiki/Q228039","display_name":"Key (lock)","level":2,"score":0.335099995136261},{"id":"https://openalex.org/C521306242","wikidata":"https://www.wikidata.org/wiki/Q190637","display_name":"Web design","level":3,"score":0.3197000026702881},{"id":"https://openalex.org/C136764020","wikidata":"https://www.wikidata.org/wiki/Q466","display_name":"World Wide Web","level":1,"score":0.31679999828338623},{"id":"https://openalex.org/C118643609","wikidata":"https://www.wikidata.org/wiki/Q189210","display_name":"Web application","level":2,"score":0.3156999945640564},{"id":"https://openalex.org/C182321512","wikidata":"https://www.wikidata.org/wiki/Q1153289","display_name":"Web standards","level":3,"score":0.2971999943256378},{"id":"https://openalex.org/C167966045","wikidata":"https://www.wikidata.org/wiki/Q5532625","display_name":"Generative model","level":3,"score":0.296099990606308},{"id":"https://openalex.org/C43126263","wikidata":"https://www.wikidata.org/wiki/Q128751","display_name":"Source code","level":2,"score":0.2955999970436096},{"id":"https://openalex.org/C64260653","wikidata":"https://www.wikidata.org/wiki/Q1194864","display_name":"Electronic design automation","level":2,"score":0.28760001063346863},{"id":"https://openalex.org/C35578498","wikidata":"https://www.wikidata.org/wiki/Q193424","display_name":"Web service","level":2,"score":0.2770000100135803},{"id":"https://openalex.org/C2779791154","wikidata":"https://www.wikidata.org/wiki/Q258040","display_name":"Model transformation","level":3,"score":0.2727999985218048},{"id":"https://openalex.org/C21959979","wikidata":"https://www.wikidata.org/wiki/Q36774","display_name":"Web page","level":2,"score":0.2721000015735626},{"id":"https://openalex.org/C2776760102","wikidata":"https://www.wikidata.org/wiki/Q5139990","display_name":"Code (set theory)","level":3,"score":0.2619999945163727},{"id":"https://openalex.org/C119857082","wikidata":"https://www.wikidata.org/wiki/Q2539","display_name":"Machine learning","level":1,"score":0.26159998774528503},{"id":"https://openalex.org/C544335954","wikidata":"https://www.wikidata.org/wiki/Q2553348","display_name":"Web intelligence","level":4,"score":0.2581999897956848},{"id":"https://openalex.org/C8038995","wikidata":"https://www.wikidata.org/wiki/Q1152135","display_name":"Unsupervised learning","level":2,"score":0.2565999925136566},{"id":"https://openalex.org/C184408114","wikidata":"https://www.wikidata.org/wiki/Q1502022","display_name":"Generative Design","level":3,"score":0.25459998846054077},{"id":"https://openalex.org/C34972735","wikidata":"https://www.wikidata.org/wiki/Q2920267","display_name":"Engineering design process","level":2,"score":0.25360000133514404},{"id":"https://openalex.org/C162005631","wikidata":"https://www.wikidata.org/wiki/Q54837","display_name":"Data Web","level":3,"score":0.25049999356269836},{"id":"https://openalex.org/C197046077","wikidata":"https://www.wikidata.org/wiki/Q785337","display_name":"Web mining","level":3,"score":0.2502000033855438}],"mesh":[],"locations_count":1,"locations":[{"id":"doi:10.18178/ijml.2026.16.4.1188","doi":"https://doi.org/10.18178/ijml.2026.16.4.1188","is_oa":true,"landing_page_url":"https://doi.org/10.18178/ijml.2026.16.4.1188","pdf_url":"https://www.ijml.org/vol16/IJML-V16N4-1188.pdf","source":{"id":"https://openalex.org/S4387286942","display_name":"International Journal of Machine Learning","issn_l":"2972-368X","issn":["2972-368X"],"is_oa":false,"is_in_doaj":false,"is_core":true,"listed_in":["cwts-core"],"host_organization":null,"host_organization_name":null,"host_organization_lineage":[],"host_organization_lineage_names":[],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"International Journal of Machine Learning","raw_type":"journal-article"}],"best_oa_location":{"id":"doi:10.18178/ijml.2026.16.4.1188","doi":"https://doi.org/10.18178/ijml.2026.16.4.1188","is_oa":true,"landing_page_url":"https://doi.org/10.18178/ijml.2026.16.4.1188","pdf_url":"https://www.ijml.org/vol16/IJML-V16N4-1188.pdf","source":{"id":"https://openalex.org/S4387286942","display_name":"International Journal of Machine Learning","issn_l":"2972-368X","issn":["2972-368X"],"is_oa":false,"is_in_doaj":false,"is_core":true,"listed_in":["cwts-core"],"host_organization":null,"host_organization_name":null,"host_organization_lineage":[],"host_organization_lineage_names":[],"type":"journal"},"license":"cc-by","license_id":"https://openalex.org/licenses/cc-by","version":"publishedVersion","is_accepted":true,"is_published":true,"raw_source_name":"International Journal of Machine Learning","raw_type":"journal-article"},"sustainable_development_goals":[],"study_designs":[],"awards":[],"funders":[],"has_content":{"pdf":true,"grobid_xml":true},"content_urls":{"pdf":"https://content.openalex.org/works/W7224439633.pdf","grobid_xml":"https://content.openalex.org/works/W7224439633.grobid-xml"},"referenced_works_count":0,"referenced_works":[],"related_works":["https://openalex.org/W4416230777","https://openalex.org/W4392981377","https://openalex.org/W4409047652","https://openalex.org/W7116901765","https://openalex.org/W7223682818","https://openalex.org/W4414553636","https://openalex.org/W4400172753","https://openalex.org/W4389068307","https://openalex.org/W4411712398","https://openalex.org/W7092311571"],"abstract_inverted_index":{"Recent":[0],"advances":[1],"in":[2,61],"artificial":[3],"intelligence":[4],"(AI)":[5],"have":[6,38],"significantly":[7],"transformed":[8],"website":[9,65,154],"design,":[10,66],"prototyping,":[11],"and":[12,23,31,52,73,92,96,101,129,152,168,174,182],"deployment.":[13],"Traditional":[14],"web":[15,134,192],"design":[16,124,193],"workflows":[17],"rely":[18],"heavily":[19],"on":[20],"manual":[21],"coding":[22],"repetitive":[24],"client-designer":[25],"interactions,":[26],"making":[27],"the":[28,34,68,121],"process":[29],"resource-intensive":[30],"error-prone.":[32],"Over":[33],"past":[35],"decade,":[36],"researchers":[37],"attempted":[39],"to":[40,77,108,189],"automate":[41],"various":[42],"stages":[43],"of":[44,123],"this":[45,142],"workflow":[46],"using":[47],"computer":[48,88],"vision,":[49],"machine":[50],"learning,":[51],"generative":[53,153],"modelling.":[54],"This":[55],"literature":[56],"review":[57,82,143],"synthesizes":[58],"current":[59],"developments":[60],"AI-driven":[62],"automation":[63,170,194],"for":[64],"emphasizing":[67],"evolution":[69],"from":[70,126],"layout":[71,114],"clustering":[72,94],"visual":[74],"feature":[75],"extraction":[76],"end-to-end":[78],"code":[79],"generation.":[80],"The":[81],"categorizes":[83],"existing":[84],"research":[85,140],"into":[86,132],"heuristic,":[87],"vision-based,":[89],"deep":[90],"learning-driven,":[91],"unsupervised":[93,113],"approaches,":[95],"outlines":[97],"their":[98,130],"methodologies,":[99],"datasets,":[100],"evaluation":[102],"metrics.":[103],"It":[104,156],"pays":[105],"special":[106],"attention":[107],"recent":[109],"approaches":[110],"that":[111,186],"combine":[112],"analysis":[115],"with":[116,171],"automated":[117],"code-generation":[118],"pipelines,":[119],"enabling":[120],"discovery":[122,151],"prototypes":[125],"real-world":[127],"websites":[128],"transformation":[131],"functional":[133],"templates.":[135],"By":[136],"linking":[137],"these":[138],"complementary":[139],"directions,":[141],"establishes":[144],"a":[145],"conceptual":[146],"bridge":[147],"between":[148],"structural":[149],"pattern":[150],"synthesis.":[155],"concludes":[157],"by":[158],"identifying":[159],"key":[160],"challenges":[161],"such":[162],"as":[163],"dataset":[164],"scarcity,":[165],"model":[166],"semantics,":[167],"balancing":[169],"creative":[172],"flexibility,":[173],"discusses":[175],"emerging":[176],"trends":[177],"including":[178],"multimodal":[179],"AI":[180],"frameworks":[181],"large":[183],"language":[184],"models":[185],"are":[187],"poised":[188],"further":[190],"advance":[191],"further.":[195]},"counts_by_year":[],"updated_date":"2026-11-02T09:45:03.842371","created_date":"2026-10-30T00:00:00"}