标记狮Figma/Sketch/Adobe XD上传画板交互原型功能说明

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

标记狮Figma/Sketch/Adobe XD上传画板交互原型功能说明


功能使用条件

该功能需要用户使用标记狮客户端3.0  / 部署包版本 2.0 以上,并开通私有云高级版网盘与原型功能


入口

开通服务后在导出标注界面需勾选上传画板交互原型

标记狮上传画板交互原型

功能说明


目录

通过Figma提交的交互原型

通过Sketch提交的交互原型

通过XD提交的交互原型


◇通过Figma提交的交互原型

目前的Figma有以下几种交互链接方式和动画

标记狮支持的Figma交互类型

红线划掉部分为标记狮不支持的类型和动画。


Figma标记狮演示效果(效果同Figma)


体验演示效果:https://clouddemo.marklion.net/interactionviewer/16/df573fc5-9a1e-9354-eb83-a46b59b0bc1f/

查看示例源文件:https://clouddemo.marklion.net/viewer/16/


----------------------------------------


◇通过Sketch提交的交互原型

目前更新的89版本Sketch已有了以下5种链接方式:

链接至上一块画板/链接至同页面的画板/链接至其他页面的画板/链接至控件的画板/自动链接至右侧的画板

Sketch交互

提交至标记狮可生效的链接有:


1.链接至上一块画板

2.链接至同页面的画板

3.链接至其他页面的画板

*链接至控件的原型不生效,目前自动链接到右侧画板的链接不生效


Sketch链接动画效果

Sketch原型和动画

目前5种动画均可提交至标记狮演示,演示效果同Sketch

演示案例(使用标记狮演示)


体验演示效果:https://clouddemo.marklion.net/interactionviewer/11/23C9BBD5-DF3F-400E-94E1-7676FEB5019E/

查看示例源文件:https://clouddemo.marklion.net/viewer/11/


----------------------------------------


通过Adobe XD提交的原型文件


目前Adobe XD最新版本更新的交互功能比较丰富,由于官方开放接口有限,所以目前标记狮生效的交互效果仅限于图层和画板

*组件交互不生效,影片和Lottie演示不生效


提交至标记狮生效的交互效果有:


交互类型——点击交互

操作类型——过渡/叠加

动画      ——过渡类型的所有动画/叠加类型所有动画

缓动      ——渐入渐出(设置的时间可生效)


Adobe XD交互动效

Adobe XD交互动效

演示案例(使用标记狮演示)


体验演示效果:https://clouddemo.marklion.net/interactionviewer/10/1253447c-6ee8-4e85-bdb0-18f5ac2d69e7/

查看示例源文件:https://clouddemo.marklion.net/viewer/10/


----------------------------------------


*选择Web演示设备仅会生效叠加交互动效


标记狮原型交互演示

*如您对以上内容还有疑问,请联系技术客服,我们将详细为您说明