登录

主界面

设置

传输列表

云备份

流程

菜单

其他项目


Pixso(最新项目产品)
最新的项目产品是 Pixso,一款在线协作的 UI 设计与交付工具,覆盖从画布绘制、设计规范到研发交接的完整链路。下面按组件、组件库、变量、文本、布局、渲染六个重点各配一张官方站点截图说明。

组件
组件把可复用的界面单元(按钮、头像、导航栏等)做成母版,页面里放的是它的实例。颜色与按下、松开等状态共同组成组件变体,实例通过属性面板选择对应组合,不用为每个状态单独画一份。

尺寸为不同场景、内容为长标题或不同按钮文案,都可以用变体组织尺寸与状态,再用文本、图层可见性和实例交换属性控制内容;配合自动布局,按钮会随文案长短自动伸缩,列表会随条目增减自动重排。为默认、悬停、禁用、加载、错误和成功状态建立变体,是组件在真实产品里的主要用法。
组件库
样式用于复用成组的视觉属性——颜色、文本、效果和布局网格集中管理,改一次定义,所有引用它的图层同步更新。基础样式与可复用组件在同一份设计文件中维护。

组件和样式可以发布为团队资源库,其他设计文件启用后即可复用,更新由团队有序接收——不是静默覆盖,而是接收方按需同步,避免正在改的稿子被突然刷新。

变量
变量用来管理可重复使用的值:用颜色、数值、文本和布尔变量组织属性值,把尺寸、间距、圆角或主题变化落实到图层。数值变量一套就能驱动间距和圆角,布尔变量控制显隐与开关态,文本变量切换多语言文案,颜色变量挂上主题模式后浅色、深色一键切换。

文本
文本样式把字号、行高、字重成组复用,保证标题、正文、辅助说明在各页面保持一致。团队可以统一字体和字重,减少换设备后出现的排版差异。

可变字体在一个字体文件里连续调节字重,从细体到加粗不再依赖多个字重文件,排版更细腻,也更容易和变量、文本样式配合做统一的文字规范。

布局
自动布局让内容决定排列:设置方向、间距、内边距与尺寸规则后,容器随内容增减自动扩展,条目按规则对齐,不必手动挪像素。做响应式卡片、工具条、列表时最省事。

布局网格也可以作为样式复用,把列数、间距、边距定成规范,多个页面共享同一套栅格。
渲染
设计稿进入研发阶段后靠渲染输出:交付模式里查看所选图层的属性、间距标注与盒模型,并拿到参考的样式代码,实现可以直接照抄数值。

资源按需批量导出 PNG、SVG 等格式与倍率,背景与切图设置都在属性面板里完成,一次配置输出多个尺寸。设计稿中的布局、样式与资源可以转换为前端实现的起点,减少来回截图、猜间距的沟通成本。




