AI4UI让前端开发从设计到上线全自动,企业级交付更安全高效。
Beyond Prototyping: Autonomous, Enterprise-Grade Frontend Development from Pixel to Production via a Specialized Multi-Agent Framework
- 用专有语法解析Figma设计,自动转为可生产的前端代码
- 平台兼容性达97.24%,安全合规率86.98%,代码质量领先
- 适合需要快速、稳定交付的大型企业前端团队
我们提出AI4UI,一个专为满足企业级应用交付严苛要求而设计的自主前端开发多智能体框架。与面向快速原型的通用代码助手不同,AI4UI聚焦生产就绪,生成安全、可扩展、合规且可维护的UI代码,并无缝集成至企业工作流。开发人员在设计阶段将生成式AI友好的语法嵌入Figma原型,以精准表达需求;在后期处理阶段,领域专家对输出进行细微调整、领域优化和合规审查。中间阶段由AI4UI完全自治,将设计转化为工程可用的前端代码。技术贡献包括用于自主解析的Figma语法、领域感知知识图谱、安全的抽象/包代码集成策略、基于专业能力的架构模板,以及由专用代理角色协调的变更驱动工作流。大规模基准测试显示,相比行业基线和领先竞品,AI4UI在平台兼容性(97.24%)、编译成功率(87.10%)、安全合规性(86.98%)、功能实现成功率(78.00%)、代码评审质量(73.50%)和UI/UX一致性(73.36%)上均表现优异。在200名专家参与的盲评中,其表现位居前列。异步运行下,数周内即可生成数千个经验证的界面,显著压缩交付周期。
原文摘要 · Abstract (English)
We present AI4UI, a framework of autonomous front-end development agents purpose-built to meet the rigorous requirements of enterprise-grade application delivery. Unlike general-purpose code assistants designed for rapid prototyping, AI4UI focuses on production readiness delivering secure, scalable, compliant, and maintainable UI code integrated seamlessly into enterprise workflows. AI4UI operates with targeted human-in-the-loop involvement: at the design stage, developers embed a Gen-AI-friendly grammar into Figma prototypes to encode requirements for precise interpretation; and at the post processing stage, domain experts refine outputs for nuanced design adjustments, domain-specific optimizations, and compliance needs. Between these stages, AI4UI runs fully autonomously, converting designs into engineering-ready UI code. Technical contributions include a Figma grammar for autonomous interpretation, domain-aware knowledge graphs, a secure abstract/package code integration strategy, expertise driven architecture templates, and a change-oriented workflow coordinated by specialized agent roles. In large-scale benchmarks against industry baselines and leading competitor systems, AI4UI achieved 97.24% platform compatibility, 87.10% compilation success, 86.98% security compliance, 78.00% feature implementation success, 73.50% code-review quality, and 73.36% UI/UX consistency. In blind preference studies with 200 expert evaluators, AI4UI emerged as one of the leaders demonstrating strong competitive standing among leading solutions. Operating asynchronously, AI4UI generates thousands of validated UI screens in weeks rather than months, compressing delivery timeline
Thank you to arXiv for use of its open access interoperability. PaperDance 不是 arXiv 官方产品;中文卡片由大模型生成,请以原文为准。