介绍
在 D2C 中,我们会将 Figma 图层转换为 Schema,将 Figma 图层的样式、嵌套关系、属性提取为抽象的 JSON Schema。通过 JSON Schema 我们可以将图层树转换为任意一个 DSL。
Schema 的作用包括但不限于以下场景。
![](https://lf3-static.semi.design/obj/semi-tos/images/fbef7a00-b80b-11ed-84ab-fbdf4dc2eb57.png)
接口定义
TreeNode
Dependency
ComponentProperties
2023.01 支持,详情点击 https://www.figma.com/plugin-docs/api/ComponentProperties/
最新 JSON Schema 更新在 https://bytedance.feishu.cn/wiki/wikcn60H9qkbnzHVExVrBDrETqe
复制 JSON Schema
你可以通过以下方式获取 D2C 的 JSON Schema。
转译完成后
转译完成后,点击「复制 JSON」按钮。
![](https://lf6-static.semi.design/obj/semi-tos/images/6c695080-b802-11ed-9ed7-2f6eb48d2fe5.png)
标记完成后
标记完成后,点击「复制 JSON Schema」 按钮,或者「复制 Schema URL」。
![](https://lf9-static.semi.design/obj/semi-tos/images/ad4a0c70-b802-11ed-a8cf-bfecde588f0d.png)
通过命令
在画布上按下 CMD + /,输入「Semi」,选择 「转译选中图层」,选择「复制为 JSON Schema」或 「复制为 Schema URL」。
![](https://lf9-static.semi.design/obj/semi-tos/images/dfba7e60-b802-11ed-9ed7-2f6eb48d2fe5.png)