FusionCool是阿里推出的前端设计规范框架配套的sketch插件,设计师可以通过这款插件在标准框架内设计界面。这款插件可以直接托用组件,插件整合了设计资源,具备组件魔法编辑器、图表编辑、导入Token样式、导出标注等能力,彻底提升团队设计效能。
下载FusionCool应用插件进行安装
在Sketch中运行插件并重启Sketch
在Sketch右侧面板中将Tab切换至FusionCool,就可以开始使用了。
Design System的选择
组件魔法编辑器(Magical Editor)的使用
魔法编辑器的功能介绍
魔法编辑器有三个重要的功能点:1,修改组件状态 2,修改组件内容 3,修改组件结构
1.修改组件状态
可通过操控状态按钮,或者在编辑区域直接输入半角符号来修改组件状态。
内容中有浮层的组件,需要在选中状态下,才会展开浮层内容,如图例:
2.修改组件内容
在编辑区直接输入内容,并可插入ICON。
3.修改组件结构
并列结构:通过换行“enter”键实现组件的并列结构。
树形结构:通过空格“tab”实现组件的树形结构。
分组:输入符号“#”或点击按钮添加组标签,通过输入半角中划线“---”实现分组。
图表编辑器的使用
1.修改图表模版内容
Step: 1.把Sketch编辑区上方tab切换为Fusion Cool,打开Fusion Cool 编辑器;2.选择Charts列表;3.选择一个图表模版拖入Sketch画板;4.点击画板中的图表,右侧Fusion Cool编辑区会出现“高级属性配置”按钮,单击后在高级属性配置弹窗中即可修改图表模版。
2.添加/修改/删除图表数据
Step: 1.在Fusion Cool 编辑器高级属性配置弹窗中,右下角是图表数据编辑区,模版展示的是默认数据内容,单击表格单元格即可修改;2.在数据行右键单击,即会出现数据修改菜单,可以增加/删除数据条目。
3.添加图表辅助信息
添加参照线
Step: 1. 在Fusion Cool 编辑器高级属性配置弹窗中,展开右侧“参照线”菜单;2.在下拉列表中选择要添加的参照线类型,编辑配置信息即可。
添加文字标注
Step: 1. 在Fusion Cool 编辑器高级属性配置弹窗中,展开右侧“文字标注”菜单;2.有单点/区间文字标注可以选择,单击加号添加标注后编辑配置信息即可。
4.对图表进行区域着色
坐标系区域着色
坐标系区域着色是对坐标系背景进行着色,来标示特定坐标系区域。
Step: 1. 在Fusion Cool编辑器高级属性配置弹窗中,展开右侧“区域着色”菜单;2. 在“坐标系区域着色”中单击加号后编辑配置信息即可。
数据图形区域着色
数据图形区域着色是对折线图中的线、柱状图中的柱进行着色,来标示特定数据内容。
Step: 1. 在Fusion Cool编辑器高级属性配置弹窗中,展开右侧“区域着色”菜单;2. 在“数据图形区域着色”中单击加号后编辑配置信息即可。
查看全部
开发者其他应用阿里巴巴集团
Adobe Photoshop cs6 mac版1.0M36084人在玩AdobePhotoshopcs6mac版是adobe公司开发的一款OSX版Photoshop软件,作为全球最为出名的图像编辑软件相信对于mac用户来说也是必不可少的,最新的PSCS6版本中包括大量优化和调整以及在CS5基础上的一些小升级。最直观的变化要数CS6的整体色调改成更深的灰黑色,按
下载ps cc2017mac中文版1.27G40人在玩 pscc2017mac中文版是abode公司2017全新推出的高效的视频编辑软件,在pscc2017mac中文版中用户可以体验到最新的2017功能哦,其中pscc2017mac中文版在特色公司上的表现也十分令用户满意,有需求的小伙伴不要错过了哦! pscc201
下载苹果ps调色滤镜(Nik Color Efex pro)86.1M13377人在玩NikColorEfexproformac破解版是一款mac平台上的Photoshop调色滤镜,这款滤镜包含了70多个不同效果的调色滤镜。比如旧照片效果,艺术效果、古典风格效果等。该插件使用简单,只有点点鼠标,轻松就可以把你的图片处理成非常漂亮的效果。破解方法:1、安装程
下载AutoCAD 2011 for Mac586.7M1586人在玩AutoCAD 2011 for Mac是苹果麦金塔系统中绘制任意二维和三维图形的工具,并且同传统的手工绘图相比,用AutoCAD绘图速度更快、精度更高、而且便于个性,它已经在航空航天、造船、建筑、机械、电子、化工、美工、轻纺等很多领域得到了广泛应用,并取得了丰硕的成果和
下载苹果Photoshop滤镜套装(Alien Skin Photo Bundle)411.3M614人在玩AlienSkinPhotoBundleformac破解版是一款非常有名的ps滤镜套装,其中包含了BlowUp,Bokeh,Exposure,EyeCandy和SnapArt五大滤镜组件,其中BlowUp是无损放大滤镜;Bokeh是照片背景虚拟化滤镜;Exposure则是胶片滤镜,EyeCandy是眼睛糖果滤镜,最
下载Mac屏幕捕捉工具(Snagit for mac)63.7M441人在玩Snagit for mac中文破解版是一款知名的屏幕捕捉截图工具,想必很多人在windows系统上都用过这款软件,这款软件自然也是有mac版的。这里给大家提供Snagit mac破解版下载,它可以帮你抓取图像、文字和影音等多种内容形式,并且内置了强大的图像编辑器,你可以在截取图
下载Photoshop 7 for Mac专用221.9M14315人在玩AdobePhotoshop7.0简体中文苹果正式版能够运行在苹果的MACOS9和MacOSX系统下,AdobePhotoshop7.0软件作为专业的图像编辑标准,可帮助您提高工作效率,尝试新的创作方式,以及制作适用于打印、Web和其他任何用途的最佳品质的图像通过更便捷的文件数据访问
下载mac图片降噪滤镜(Noiseless pro)42.1M528人在玩Noiseless for mac破解版是一款专业的mac图片降噪软件,这款软件提供了非常棒的图片降噪功能,当在光线较暗的情况下拍摄的照片,每一个智能手机,紧凑型相机,DSLR还是创造了“噪音”,小色或浅的斑点,可以毁掉一个原本凉爽的照片,有了这款Noiseless pro这些将不
下载AutoCAD2015 mac中文版802M32621人在玩AutoCAD2015mac中文版是macOSX版的CAD软件,AutoCAD在建筑设计领域中一直都是领头者,软件可以让设计更加得心应手。借助生产效率工具加快文档编制和细节设计工作,并使用TrustedDWG技术共享您的作品。通过使用AutoCAD软件中强大的关联设计工具,你可以设
下载Mac证件照制作(Face4pass)673KB452人在玩Face4pass是一款功能强大的mac平台证件照制作软件,这款软件可以帮你快速制作证件照片如一寸、两寸照。软件支持拖拽操作,支持直接从内置的iSight摄像头拍照,能够对照片的曝光、对比度、饱和度、色彩等进行调整,支持将文件导出为PDF、TIFF、JPEG、BMP、GIF等格式
下载