DCGen：一种新的Design-to-Code框架，设计稿转代码有效性大幅提高

文章预览

DCGen：一种新的Design-to-Code框架，设计稿转代码有效性提高 发布时间：2024 年 06 月 24 日 代码编写 Automatically Generating UI Code from Screenshot: A Divide-and-Conquer-Based Approach 在数字化时代，网站的重要性不言而喻，全球活跃网站超过 11 亿，每天新增约 252,000 个。将网站设计图转换为实用的 UI 代码，虽耗时却至关重要。传统的手动转换方法对非专业人士来说挑战重重。为此，我们研究了 GPT-4o，并发现了 UI 代码生成中的三大问题：元素遗漏、变形和错位。我们发现，聚焦于小视觉片段能帮助多模态大型语言模型（MLLMs）减少这些错误。本文介绍了 DCGen，一种基于分而治之的策略，能自动将网页设计转化为 UI 代码。DCGen 首先将截图细分为小片段，为每个片段生成描述，再整合成完整的 UI 代码。通过大量测试，我们发现 DCGen 在视觉相似性上比其他方法提升了 14% ………………………………