Alibaba Fusion Cool Mac(sketch设计规范框架插件) v2.2.9中文版

4.08 MB 2020-10-16 0 积分 点击在线充值 Sketch Sketch

内容介绍

Alibaba Fusion Cool mac版是一款适合在sketch中使用的sketch设计规范框架插件, Alibaba Fusion Cool插件在标准框架内设计界面。这款插件可以直接托用组件,插件整合了设计资源,具备组件魔法编辑器、图表编辑、导入Token样式、导出标注等能力,彻底提升团队设计效能。Macw提供Alibaba Fusion Cool mac插件免费版下载资源,需要的朋友欢迎安装体验。

sketch设计规范框架插件安装教程

此插件需要配合Sketch软件使用。

  1. FusionCool插件下载完成后打开,双击fusion-cool.sketchplugin进行安装。

  1. fusion cool sketch插件安装完成,点击好的

插件功能

1.修改组件状态

  • 可通过操控状态按钮,或者在编辑区域直接输入半角符号来修改组件状态。

  • 内容中有浮层的组件,需要在选中状态下,才会展开浮层内容,如图例:

2.修改组件内容

  • 在编辑区直接输入内容,并可插入ICON。

3.修改组件结构

  • 并列结构:通过换行“enter”键实现组件的并列结构。

  • 树形结构:通过空格“tab”实现组件的树形结构。

  • 分组:输入符号“#”或点击按钮添加组标签,通过输入半角中划线“---”实现分组。

添加/修改/删除图表数据

Step:

  1. 在Fusion Cool 编辑器高级属性配置弹窗中,右下角是图表数据编辑区,模版展示的是默认数据内容,单击表格单元格即可修改;

  2. 在数据行右键单击,即会出现数据修改菜单,可以增加/删除数据条目。

添加图表辅助信息,添加参照线

Step:

  1. 在Fusion Cool 编辑器高级属性配置弹窗中,展开右侧“参照线”菜单;

  2. 在下拉列表中选择要添加的参照线类型,编辑配置信息即可。

添加文字标注

Step:

  • 在Fusion Cool 编辑器高级属性配置弹窗中,展开右侧“文字标注”菜单;

  • 有单点/区间文字标注可以选择,单击加号添加标注后编辑配置信息即可。

对图表进行区域着色,坐标系区域着色

  • 坐标系区域着色是对坐标系背景进行着色,来标示特定坐标系区域。

Step:

  • 在Fusion Cool编辑器高级属性配置弹窗中,展开右侧“区域着色”菜单;

  • 在“坐标系区域着色”中单击加号后编辑配置信息即可。

数据图形区域着色

  • 数据图形区域着色是对折线图中的线、柱状图中的柱进行着色,来标示特定数据内容。

Step:

  • 在Fusion Cool编辑器高级属性配置弹窗中,展开右侧“区域着色”菜单;

  • 在“数据图形区域着色”中单击加号后编辑配置信息即可。

使用教程

下载安装FusionCool应用插件完成后,在Sketch中运行插件并重启Sketch

在Sketch右侧面板中将Tab切换至FusionCool,就可以开始使用了。

Design System的选择

1、通过头部的下拉菜单来切换自己的 System 站点

导出标注稿

1、导出入口在面板底部

2、可以选择导出到 ICS、Demo+或本地