Home > Archive > 2026 > Volume 16 Number 4 (2026) >
IJML 2026 Vol.16(4): 25-38
doi: 10.18178/ijml.2026.16.4.1188

From Layout Clustering to Code Generation: AI-Driven Automation in Web Design

Thisaranie Kaluarachchi* , Manjusri Wickramasinghe

  • University of Colombo School of Computing, University of Colombo, Colombo, Sri Lanka

* Corresponding author

  • Manuscript receivedJanuary 20, 2026
  • revisedJune 10, 2026
  • acceptedJune 22, 2026
  • publishedOctober 29, 2026

Abstract

Abstract—Recent advances in artificial intelligence (AI) have significantly transformed website design, prototyping, and deployment. Traditional web design workflows rely heavily on manual coding and repetitive client-designer interactions, making the process resource-intensive and error-prone. Over the past decade, researchers have attempted to automate various stages of this workflow using computer vision, machine learning, and generative modelling. This literature review synthesizes current developments in AI-driven automation for website design, emphasizing the evolution from layout clustering and visual feature extraction to end-to-end code generation. The review categorizes existing research into heuristic, computer vision-based, deep learning-driven, and unsupervised clustering approaches, and outlines their methodologies, datasets, and evaluation metrics. It pays special attention to recent approaches that combine unsupervised layout analysis with automated code-generation pipelines, enabling the discovery of design prototypes from real-world websites and their transformation into functional web templates. By linking these complementary research directions, this review establishes a conceptual bridge between structural pattern discovery and generative website synthesis. It concludes by identifying key challenges such as dataset scarcity, model semantics, and balancing automation with creative flexibility, and discusses emerging trends including multimodal AI frameworks and large language models that are poised to further advance web design automation further.

Keywords

  • automatic website generation
  • machine learning
  • computer vision
  • web prototyping
  • self-organizing maps
  • layout clustering
  • design automation
  • deep learning
IJML-V16N4-1188

How to Cite

Copied

Thisaranie Kaluarachchi and Manjusri Wickramasinghe, "From Layout Clustering to Code Generation: AI-Driven Automation in Web Design," International Journal of Machine Learning, vol. 16, no. 4, pp. 25-38, 2026. https://doi.org/10.18178/ijml.2026.16.4.1188

Copyright & License

Copyright © 2026 by the authors. This is an open access article distributed under the Creative Commons Attribution License which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited (CC BY 4.0).

Article Metrics in Dimensions

General Information

  • E-ISSN: 2972-368X
  • Abbreviated Title: Int. J. Mach. Learn.
  • DOI: 10.18178/IJML
  • Frequency: Quarterly
  • Average Days to Accept: 68 days
  • Acceptance Rate: 27%
  • Editor-in-Chief: Dr. Lin Huang
  • Executive Editor:  Ms. Cherry L. Chen
  • DOI: 10.18178/IJML
  • Abstracing/Indexing: Google Scholar, Crossref, ProQuest, Electronic Journals Library, CNKI.
  • E-mail: editor@ijml.org
  • APC: 500USD