在互联网行业蓬勃发展的今天，我们往往面临需求井喷的情况，如何利用有限的人力吞吐更多的业务，是我们不断追求的永恒主题。在过往，我们探索并实践过工程化、低代码化等等方案，研发效能的提升已经到达了一个平台期，那么如何进一步提升研发效能呢，这就是本次分享的主题，设计稿转代码的探索与实践。在业界已经有非常多的设计稿转代码的探索了，在本次分享中，将结合我们的具体的业务场景，分享我们在设计稿转代码上的思路和方案，以及我们遇到的问题，带领大家全方位了解如何将设计稿转换成高度可维护的代码。

演讲提纲：

1.  为什么我们需要设计稿转代码
2. 如何由设计稿生成静态代码

• 设计插件解析
• 布局还原算法
• 节点语义处理
• 字段绑定处理
• DSL 生成

3. 让静态代码拥有灵魂

• 识别设计稿中的 UI 控件
• 识别设计稿中业务组件
• 组件映射
• 逻辑库绑定

4. 业务落地场景

• 大促业务场景
• 开放式场景接入

5. 总结与展望

​你将获得：

• 了解设计稿转代码基本原理与方案
• 了解 AI 能力在前端领域的应用方向