PIXSO · 界面设计与团队协作
在线 UI 设计工具
用 Pixso 绘制 App、网页和后台界面。通过组件、自动布局与样式统一设计，团队在同一份文件中讨论、修改，并将标注和资源交付研发。
浏览器即可使用 · 支持导入已有设计文件
界面绘制
绘制 App、网页
与后台界面
移动端的导航、网页的内容区、后台的表单，都可以在画布上逐层搭建。文字、图标、图片与矢量形状，保持可编辑。
图标与图形，精细到每个节点
钢笔与矢量网格用于绘制路径，矩形、椭圆等基础图形配合布尔运算组合形状；用蒙版控制图片与图层的显示区域。
文字与图片，排出清晰层次
调整字体、字重、行高和颜色，批量导入图片，再用对齐与智能选择整理间距。图层按画板组织，复杂页面也有清楚的结构。
标注与研发交付
标注、切图与样式，
交付研发更清楚
将设计文件分享给研发，从尺寸、间距到颜色与字体，都能对照图层查看。减少重复量尺寸、补说明的工作。
标注、切图与样式代码
查看所选图层的属性和样式参考代码，按需批量导出 PNG、SVG 等格式与倍率的资源。特殊状态与实现要求可以补充在评论中。
在 AI 编程工具中继续实现
样式代码用于辅助界面实现，接口、业务逻辑和上线部署仍需开发。希望在 AI 编程工具里读取设计上下文，可通过Pixso MCP 连接设计与代码。
打开一个真实文件
先看组件，再开始你的 UI 设计
Element Plus Design System - UI Kit 收录了常用界面组件与状态。先查看按钮、输入框和表格的结构，再在自己的设计文件中搭建一个列表页：填写真实标题与数据，调整间距，补齐空内容和错误状态。
打开 Element Plus 组件库
开始使用前，你可能想了解
使用 Pixso 做 UI 设计，需要安装软件吗？
不需要。打开浏览器即可进入 Pixso 工作台，创建或编辑设计文件；也可以使用客户端。需要调用电脑中已安装的字体时，安装并启动 Pixso 本地字体助手即可。
免费版能用来做 UI 设计吗？
可以。免费版支持从界面绘制开始使用，个人草稿文件数量不限；团队项目、设计文件和页面有免费额度。团队资源库、历史版本保留和席位权益按所选版本提供。
已有的 Figma、Sketch 或 Adobe XD 文件能继续使用吗？
可以。在工作台导入 .fig、.sketch 或 .xd 源文件后继续编辑。导入后检查字体、布局、组件和原型连接；缺失字体需要补齐或替换，特殊效果与交互可能需要调整。
查看设计文件导入方法设计完成后，怎样交付给研发？
将文件分享给研发成员，并开放所需的查看与导出权限，方便查看尺寸、间距、字体与颜色，获取切图和样式参考代码。需要集中查看画板与切图时，可切换到研发模式。接口、业务逻辑和上线部署由研发在项目中完成。
