在研发模式下使用代码

Motiff 妙多支持将设计内容转化为 CSS、iOS、Android 等代码。在研发模式下，当你在画布区选中图层时，右边栏会提供对应的代码。

设置代码

点击画布的空白区域，你可以在右边栏进行「代码设置」。

设置代码类型和单位

点击画布的空白区域，你可以在右边栏设置代码类型和单位。

1. 1.设置代码类型：点击 选择代码类型。
   • CSS：Web
   • iOS：UIKit 或 SwiftUI
   • Android：XML 或 Compose
2. 2.设置单位：点击 选择单位，可选的单位将随代码类型变化。

设置倍率

设置倍率，就是调整标注数据（如设计内容的宽高、坐标）的显示倍率。例如，你可以设置所有标注数据放大至 2x 显示，或调整 CSS rems 的根元素字号。

1. 1.点击画布的空白区域。
2. 2.在右边栏，点击 选择控制的倍率。

查看代码

在研发模式下，当你选中图层后，可以在右边栏看到选中图层对应的代码片段，此代码会根据你所选的代码类型显示相关信息。

复制代码片段

你可以复制代码片段并将其粘贴到文本编辑器。

1. 1.选中要生成代码的图层。
2. 2.在右边栏代码模块找到要复制的代码片段。
3. 3.光标悬停在代码片段上，点击右上角的「复制」。