UI 自动生成代码已成为当前大前端领域研究的热点，各大公司都在进行探索尝试。当前主流 UI 设计工具 Sketch 的设计文件存储的是结构化数据，这为我们进行 UI 自动生成代码提供了契机。为提升前端开发效率，减少页面重构工作，甚至某些场景下完全由 UI 自动生成代码，58同城 UI 自动化生成代码平台 Picasso 应运而生。

本次分享主要介绍UI自动化生成代码的实现原理、实践经验，以及如何搭建一站式UI平台来同步提升设计和研发效率。

演讲提纲：

1. UI自动生成代码实现原理
   • 如何将设计文件一步步转换成前端代码
   • Sketch 插件开发流程及实践
   • 开源项目 UI 自动生成代码插件——Picasso 介绍
2. UI 自动生成代码在业务中的实践
   • 58 企业服务业务代码生成实践
   • 运营平台自动化实践
   • 标注稿生成实践
3. 搭建58同城一站式 UI 平台——风火轮
   • 高效的 UI 规范管理与分发系统
   • UI 一致性落地方案
   • 一站式 UI 物料中心
4. 未来展望
   • UI 自动生成代码在 Flutter 及原生开发场景下的探索
   • UI 自动生成代码与低代码平台结合的思考

你将获得：

1. 了解 UI 设计自动生成代码实现原理
2. 了解 Sketch 插件开发流程
3. 了解如何进行 UI 设计平台搭建