Pixso是一款面向团队的原型设计交付一体化协作平台,拥有海量组件样式、中英文字体库、国内大厂设计系统等本地化资源,且支持多人实时协作,基于云端的操作,让用户打开浏览器就能随时开始设计,打破地域与设备的限制,一站式完成原型、设计、交互与交付。
新一代设计协作工具Pixso,一站式完成原型、设计、交互与交付,为数字化团队协作提效。
Pixso是一款面向团队的原型设计交付一体化协作平台,支持多人实时协作,组件变体,自动布局,低代码交付,在线矢量设计,打造团队资源库,共用一套资源,形成产品设计规范。
1、实时协作
让所有人聚焦同一个目标
当面对一个复杂的设计项目时,通过链接邀请团队成员,进行多人云端协作设计,实时同步字号、边框、颜色等各种细节。
2、智能UI设计工具
快速上手专业技能
传统产品,往往要多个工具协作才能预期效果。而Pixso自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计。
3、高保真原型
交互式动画演示
在设计过程中可视化、智能化预知用户体验,支持添加页面交互和原型播放,模拟产品落地形态,助力团队规避无效投入,快速提升产品核心价值。
4、链接交付
构建清晰直观的工作流
Pixso具备全栈原型、设计、交付能力,团队上游一键发送链接交付,下游成员打开浏览器即可完成审查。支持切图一键导出,设计标注和代码在线生成与交付。
1、自动布局
组件级自动布局,增加或删除内容都无需手动调整,智能排版,且自适应不同屏幕尺寸。
2、组件变体
随意切换一个组件的多种状态,设计师可以更加高效地去创建和复用组件。
3、矢量网格
有别于传统的设计工具,Pixso实现了模拟画笔的特色,提供精细化矢量设计,自由切割线段,连点成面。
4、团队组件库
可以创建一个组件,在任何地方重复使用它,当主组件样式更新,所有组件将自动同步发生改变。
5、原型设计
支持添加页面交互和原型播放,模拟产品最终形态,在设计过程中可视化和优化用户体验。
1、导出为PNG选择图形,点击右侧的导出工具,选择PNG格式,并导出。
2、导出为JPEG选择图形,点击右侧的导出工具,选择JPEG格式,并导出。
3、导出为SVG选择图形,点击右侧的导出工具,选择SVG格式,并导出。
4、导出为PDFPDF可以让您共享复杂的交互式布局,包含固定布局的文本,字体,矢量图形和图像。Pixso当前不支持导出可编辑文本。您将无法编辑从Pixso导出的PDF中的任何文本。
步骤一:在Pixso中新建文件
在Pixso中创建一个项目,以创建「WeUI浅色组件库」为例。点击左侧的「资源」选项卡,打开「WeUI浅色组件库」。
WeUI组件库提供了两个处于不同状态的按钮,分别将它们从左侧拖拽添加到编辑界面。
步骤二:创建多个组件
鼠标框选两个按钮,点击顶部工具栏「组件」右侧的下拉小三角,选择「创建多个组件」,将两个按钮转换为组件。
步骤三:创建组件变体
按钮图标转化为组件之后,在同时选中两个组件的状态下,点击右侧的「创建组件变体」,将两个组件放到一个组件集中。
步骤四:添加交互事件
点击右侧的「原型」选项卡,接下来我们要给两个组件添加交互事件,把鼠标移动到组件的右侧,会出现一个隐藏的控点。
步骤五:单击触发变体切换
长按鼠标,从控点拖拽出一条线段,将其连接到下面的组件,这样就在两个组件之间快速添加了一个「单击触发变体切换」的交互动效。
单向添加一个交互事件,并不能实现最终点击按钮来回切换的效果,因此也要给下面的组件添加同样的交互事件,从组件右侧拖拽出线段连接到上面的组件。
步骤六:进行演示
添加完交互动效,从左侧的组件面板,拖拽添加一个按钮组件到画板中,点击右上角的「演示」进入演示视图,点击按钮就能实现切换开关的交互动效了。
1、个人使用Pixso收费么?
Pixso目前支持个人免费使用,用户可以自由创建项目和文件,邀请团队成员共同协作。
2、可以在哪些设备上使用Pixso?
支持在Windows,macOS、桌面端使用Pixso。
3、可以在断网情况下使用么?
Pixso是一款可以实时保存、实时协同的在线设计+协作工具,无法离线运行。
4、能自己生成代码么?
无需借助三方工具,支持在标注面板查看和复制设计元素代码和属性值,简化开发过程。
5、如何邀请别人参与协作?
在「分享」面板开启「链接邀请」后,根据实际需求将文件权限设置为「可查看」或「可编辑」,点击「复制链接」就可以将文件分享给他人。
Pixso具有灵活的钢笔工具,它可以通过移动矢量的线,所有连接的点也可以自动跟随,并支持对矢量线条组成的不同区域进行填充补色。其中布尔工具、蒙版工具,径向渐变,更是满足不同的设计场景,画板工具,可以让你轻松对齐调整复杂图形。