新知榜官方账号
2023-07-06 06:00:16
D2C是指DesigntoCode,设计稿转代码,输入是sketch、figma、PSD等设计稿,输出是vue、react、小程序等各平台的前端代码。对前端工程师来说,如果能直接把设计稿转成可用的代码,是非常有意义的,那这样一个工具是怎么实现的呢?
设计稿转代码的实现原理是从结构化的矢量图中提取信息,转换成中间DSL,然后再生成各平台的代码。从设计稿转DSL的过程需要处理分组、做绝对布局到flex布局的转换,生成语义化的className,支持组件的标注。这个过程可以通过编辑器来实现人工干预,也可以通过AI来智能化处理。下限是编辑器人工干预保证的,上限就要靠AI了。
各种D2C工具其实都不够通用,要支持自己的一些需求估计还得自研,但是自研一个D2C的工具还是需要挺高的成本的,对于中大公司来说,如果业务场景比较合适,ROI还行,还是值得长期去做的。
微信扫码咨询
相关工具
相关文章
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49