D2code 简介

设计稿转代码。自定义转换规则。代码复用性极高。

特性

• 默认代码模版：支持react + tailwind、react native +tailwind。react native +style。转换效果预览。
• 组件转换支持：通过标记组件，转换出对应的自定义组件代码。如何创建libs json info
• 生成代码image自带url:通过配置filekey和token，可以在生成代码中用真实图片url
• 非常容易的自定义代码转换模版：如 flutter、vue、swift、小程序等
• D2C2D：沉淀出标记好的figma componentSet，以及libs json，可以大大提高开发效率。

如何使用

• 通过选择视图后将会自动转换出代码
• 使用 "#CustomComponent" 如 通过标记视图名称后可转换出代码
• 复制或者导出代码到 demo 或 工程中
• 测试完善后，打包自定义组件，编写libs json，让设计者沉淀出带标记的ComponentSet

提示

• 目前只支持 autolayout， 不是autolayout 将来会做支持
• 设计师尽可能使用 层级简单的布局方式