-
This article presents a systematic study called Design2Code, which examines the possibility of automating front-end development by converting visual designs into code using Generative AI technologies. It highlights the creation of a benchmark for evaluating the performance of multimodal Large Language Models (LLMs) and notes that GPT-4V, specifically, shows promise in potentially replacing manual front-end development in some cases.
Main Points- Advancements in Generative AI for Design2CodeGenerative AI has significantly advanced, leading to a new paradigm in front-end development where visual designs can be directly converted into code, a task known as Design2Code.
- Benchmarking Design2Code CapabilitiesA benchmark of 484 real-world webpages was curated, along with automatic evaluation metrics, to assess the capabilities of multimodal LLMs in converting designs to code.
- GPT-4V Outperforms in Automating Front-End EngineeringGPT-4V and Gemini Vision Pro were tested, with GPT-4V emerging as the superior model for this task, showing potential to automate front-end engineering.
122004763