当我们在摹客设计系统中完成自己的设计规范蒹筻分虞后,可轻松地一键生成链接将其分享给其他小伙伴、自动导出各类版式的设计规范图,还可以导出样式代码直接投入开发。
工具/原料
Mockplus设计系统
方法/步骤
1、分享将生成的链接发给其他小伙伴,可快速通过浏览器查看及下载相关设计资源。打开需分享的设计库>分享
2、点击“分享”图标后,会弹出以下窗口:
3、相关说明复制链接:一键复制链接地址到剪贴板;查看密码:设置密码保护,其他小伙伴打开设计库分享链接时,需输入密码才能查看;
4、启用此分享:只有勾选时,分享链接才生效,否则对方查看时,系统将提示“你没有权限访问该资源库”;
5、导出在摹客设计系统中,可以快速地将自己的设计库导出为规范图恽但炎杰和样式代码。目前可导出PDF及PNG两类规范图以及供网页开发的样式代码。导出样式代码打开需分享的设计库>导出>导出样式代码
6、点击“导出样式代码”后,会出现如下界面:
7、目前提供CSS、SCSS、Le衡痕贤伎ss三种格式,大家可根据各自需求,选中某一格式后下载对应相关资源的样式代码。导出PDF打开需分享的设计库>导出>导出PDF
8、点击“导出PDF”后,会弹出以下窗口:
9、点击“开始”按钮,文件开始准备下载,几秒后弹出以下窗口:
10、点击“下载“”按钮,设置保存路径,即可将设计规范以PDF格式保存至本地。导出图片操作和导出PDF相同。