D2C 设计稿转代码是怎么实现的?自己做一个可行吗?
摘要
D2C 是指 Design to Code,设计稿转代码,输入是 sketch、figma、PSD 等设计稿,输出是 vue、react、小程序等各平台的前端代码。
对前端工程师来说,如果能直接把设计稿转成可用的代码,是非常有意义的,那这样一个工具是怎么实现的呢?
vue、react 等各平台的前端代码都可以通过一种树形数据结构来描述,比如 vdom。当然这里不是用 vdom,而是需要设计一种中间数据结构,叫做 DSL(领域特定语言),专门用于描述界面结构的一种语言。
也就是说我们要把从设计稿中提取出的信息转成中间的 DSL,然后再通过 DSL 打印成各种代码。
欢迎在评论区写下你对这篇文章的看法。
评论
据说喜欢分享的,后来都成了大神
提交句子
找对象的时候,不要光看对方外表,得先看看自己外表!
文库
- 1 网易云音乐用户行为归因数据体系建设
- 2 高铁和站台为什么有缝隙,不能并上吗
- 3 双十一技术攻略(三): 熔断实战
- 4 扒一扒隔离熔断之Hystrix VS Sentinel
- 5 Hystrix 源码分析及实践
- 6 Guava Cache的缓存管理与使用
- 7 Guava Cache 原理分析与最佳实践
- 8 QunarCache的应用
- 9 用逻辑驱动设计创造可持续的产业增长
- 10 为什么你能感觉到背后有人盯着你
- 11 B站数据中心网络布线智慧管理平台实践(一)
- 12 喜马广告算法优化实践(四):广告系统漏斗优化
- 13 网络端口占用问题的综合调研与解决方案
- 14 前端性能优化秘籍:掌握CSS选择器的正确姿势
- 15 牛顿冷却定律在得到APP的实践