
推荐各位使用 Pixso 来替代蓝湖!
Pixso:一款免费的一站式 UI 设计工具,集合了 UI 设计、原型交互设计、自动标注和链接交付等功能的在线设计软件。
Pixso 中内置了自动标注的功能,使用 Pixso 做好的设计稿件,无需使用插件导出,在 Pixso 中就能直接查看标注信息:
选中元素,打开右侧栏的「代码」面板,点击元素就能看到相应的属性和 CSS 代码,另外按住 Alt/Option 键,也可以快速获取元素距离画板的相对位置。
将鼠标移动到右下方 CSS 代码的位置,点击复制按钮,可以将自动生成的 CSS 代码复用到开发流程中,也能有效提高研发的效率。
相比于借助蓝湖插件生成自动标注的文件,使用 Pixso 还有一个额外的好处:当设计师修改了 UI 稿件后,之前生成的标注信息也会自动更新,而不需要从设计软件导出新的版本,再上传到蓝湖导出新的标注文件。
Pixso 是基于云端的设计协作工具,UI 设计师和前端工程师之间的文件交付,使用一个链接就可以完成:
点击右上角的「分享」按钮,将生成的文件链接发送给研发部门,前端工程师就能自行查看标注信息。
除了自动标注,Pixso 中还提供了不少实用的功能:
Pixso 相比于设计界的「在线文档」,在 Pixso 中进行的每一步编辑操作,会自动保存到云端,不需要按 Ctrl + S 手动保存。
点击顶部文件名右侧的小箭头▼,在弹出的菜单选择「查看历史版本」,右侧栏会显示自动保存的所有版本。
如果你想手动保存当前的版本,可以点击版本历史面板右上角的加号 + ,保存时需要给历史版本添加一个标题或描述,方便后面可以回溯到对应的版本。
Pixso 内置了 3 个素材插件 iconfont、IconPark 和 Pexels,在设计过程中可以直接调用来自这 3 个网站的矢量素材和位图素材,省去了从外部网站下载素材再导入软件的步骤。
在使用来自 Pexels 插件的高清图片时,可以选中需要设置图片填充的元素或组件,点击插件中的图片,下载的图片会直接填充到元素中,一步到位。
Pixso 不仅有免费的矢量和位图素材,还提供了 UI 设计师进行界面设计会用到的组件资源。
点击左侧的「资源」面板,可以看到来自国内众多大厂开源的组件库,包含饿了么、Ant Design、字节的 Arco Design、WeUI、 TDesign 等。
每个组件库包含了适用于不同设计场景的组件:单选、按钮、分页、菜单、输入框、通知、标签、进度条等等,从左侧面板直接拖拽到中间的编辑界面,即可直接复用组件,省去设计过程中不必要的重复劳动。
如果你在左侧栏的组件资源面板没找到合适的组件,可以点击面板底部的按钮,进入 Pixso 资源社区,这里包含的组件资源更为丰富。
除了大厂的 UI 组件库,还可以看到来自 Pixso 官方和一些 UI 设计师上传的设计资源,涵盖 icon、插画素材、设计规范、网页端和移动端 UI 设计模板等。
Pixso 拥有良好的开放性,支持导入来自 Figma、Sketch、Adobe XD 和 Illustrator 的设计文件。
如果导入的文件数量比较多,可以点击「文件导入」面板的「批量导入」按钮,将多个文件同时上传到 Pixso。
Pixso 目前对所有用户免费开放,内置的所有功能都可以免费使用!
现在前往 Pixso 官网注册账号,可以享受到 Pixso 会员的所有权益:无限文件数量、无协作者人数限制、无限云存储空间等等,快来尝试一下吧~
以上,希望对你有帮助。
对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路!
我是皮仔 @Pixso协同设计 ,那我们下次再见咯。
