什么时候需要迁移?
如果旧的设计稿不再迭代,则无需变更。使用新的 Semi Variants 也不会对旧的设计稿产生影响。
如果新设计稿 copy 自原有的设计稿,这时需要将设计稿中的 Semi 组件替换为新的 Semi Variants。
怎么替换?
Swap library
使用 Figma swap library 功能将当前文件引用的组件库替换为 Semi 最新组件库。
- Step1: 从当前文件中找到使用的旧的组件库

- Step2: 点击右下角的 swap 按钮,将当前文件中的旧组件替换为新组件

注意
此功能需要人工 check 当前文件中被 swap 的组件样式是否与原来一致,只有相同组件名才会被 swap。
手动替换
手动将设计稿中旧的 Semi 组件替换为新版的变体。
- Step1:选中实例节点
- Step2:通过右侧面板的 Swap Instance 将当前实例切换到 Semi 最新 Variants 对应的实例

注意
此功能需要人工 check 替换后样式是否与原来一致。
FAQ
新的 Variants 存在一些视觉上不可见的冗余图层
DOM 层级上存在这些的图层,绘制到 Figma 图层上时,这部分图层需要占位,暂时没有去掉。
弹出层组件只有 default 尺寸?
为了避免变体数量过大,我们过滤了部分组件展开和非默认尺寸变体,这部分更新几乎不影响使用。