专题演讲嘉宾：任跃华

在软件开发中，大前端的研发常常与用户界面（UI）密切相关。高质量的 UI 意味着优质的用户体验，但也对研发人员提出更高的要求，因此提升 UI 生产效率对产品迭代速度至关重要。

近些年 D2C 的呼声不绝于耳，各大公司都尝试过使用 AI 生成的方式来自动化编写 UI，但在都遇到了一些的瓶颈。而如今以 Figma 为代表的协同设计工具的发展再到大模型的视觉稿和代码自动生成，该技术领域逐渐经历着深刻变革。

在智能化和协同工作的大背景下，如何为快手的多种业务形态搭建高效的UI生产体系，成为了一个富有挑战性和价值的课题。本次演讲将从研发提升、设计提升及设计与研发沟通提升三个维度，分享我们在设计到研发全链路 UI 生产体系方面的探索与实践经验。

演讲提纲

1. UI 生产的挑战与机遇
2. 研发提效：面向研发的视觉稿交付平台

• 以研发视角重新设计视觉稿交付平台
• 构建通用的 D2C 插件生态
• 探索基于 AI 的对话式 UI 代码生成

3. 设计提效：面向设计师的辅助设计插件

• 基于研发设计通用协议的换肤工具
• 以设计为中心的 C2D
• 智能生成设计稿的探索

4. 设计与研发沟通提升：设计工程化与自动视觉走查

• 组件对齐协议与工具
• 自动可量化的还原度对比

5. 总结回顾

• 整体体系全景
• 技术架构
• 未来规划

实践痛点

• 为了提升转码环节的质量，对设计师制作设计稿有更高的要求
• 转码质量和手写代码项目还有一段距离

演讲亮点

• 通过合理的架构拆分构建了适用于多业务场景和前端框架的通用 D2C 平台
• 通过大模型 + 算法结合的方式提升了 D2C 代码还原度和可读性
• 通过统一研发设计底层协议，独立建设研发设计工具的方式实现了研发设计协同提效

听众收益

• 深入了解从设计到研发的全链路UI生产体系建设中的难点及解决方案
• 获取大模型在 UI 生产中应用的宝贵经验
• 通过本次演讲，期待能够为与会者提供切实可行的见解与启发，帮助他们在UI生产体系的构建中迈出坚实的一步