本教程面向刚接触Pixso的用户，无论你是否有其他设计工具的使用经验，跟着以下6个步骤，你可以在10分钟内完成第一个设计项目。
准备工作
开始之前，你需要： - 一个浏览器（推荐Chrome或Edge） - 一个有效的手机号或微信账号（用于注册） - 稳定的网络连接
第1步：注册Pixso账号
访问Pixso网页版，点击右上角"注册"按钮。Pixso支持两种注册方式：
手机号注册：输入手机号 → 获取验证码 → 输入验证码 → 设置密码 → 完成注册。如果收不到验证码，请检查手机信号或等待60秒后重新发送。
微信扫码登录：点击"微信登录" → 使用微信扫描屏幕上的二维码 → 在手机微信中确认授权 → 自动完成注册并登录。
注册完成后会自动进入Pixso工作台界面，你会在中间看到"新建设计文件"的入口按钮。
提示：Pixso账号注册是完全免费的，个人版不限制文件数量和基础设计功能。
第2步：创建新设计文件
在工作台页面点击"新建设计文件"。在弹出的对话框中：
- 画板类型选择：Pixso提供了多种预设画板尺寸。如果你不确定选什么，推荐选择"Web设计"预设（画布尺寸为1440×900像素），这是最常见的UI设计画板。
- 文件命名：给文件起一个有意义的名字，如"首页改版方案"或"APP注册流程设计"——好的命名习惯有助于后续管理和查找文件。
- 点击"创建"按钮进入编辑器
第3步：认识Pixso界面
进入编辑器后，界面分为几个核心区域。花一分钟熟悉每个区域的位置和功能：
- 顶部工具栏（横贯画布上方）：包含选择、矩形、文字、钢笔、AI助手等工具。最左侧是Pixso Logo和文件名称，中间是常用绘制工具，右侧是分享和演示按钮。
- 左侧图层面板：以树状结构显示当前页面的所有图层。你可以在这里拖拽调整图层的上下顺序，通过点击眼睛图标显示/隐藏图层，通过锁图标锁定图层防止误操作。
- 右侧属性面板：选中任意对象后，这里会显示该对象的所有可调整属性——尺寸、位置、填充颜色、描边、圆角、阴影、透明度等。这是设计中操作最频繁的区域。
- 中央画布：你的设计主战场。白色区域是画板（设计输出范围），灰色区域是自由空间（可放置参考图或草稿）。
如果你找不到某个面板（如图层面板消失了），可以在顶部菜单"视图"中重新打开。
第4步：添加形状和文字
现在开始实际动手操作：
添加矩形：点击顶部工具栏的矩形图标（或按快捷键 R），在画布上按住左键拖拽绘制一个矩形。选中后在右侧属性面板调整：
- 填充色：点击颜色块打开取色器，选择你喜欢的颜色
- 圆角：拖动"圆角"滑块或直接输入数值（如8px）
- 尺寸：输入精确的宽高像素值
添加文字：点击文字工具（或按快捷键 T），在画布上点击，输入文字内容。选中文字后在右侧属性面板调整：
- 字体：从字体下拉列表中选择（Pixso内置了丰富的中文字体）
- 字号：输入数值或拖动调整（标题通常24-32px，正文14-16px）
- 字重：Regular（常规）、Medium（中等）、Bold（粗体）
- 行高：建议标题1.2-1.4倍，正文1.5-1.8倍
添加图标：你可以通过左侧资源面板搜索Pixso内置图标库，或使用AI图标生成功能快速创建自定义图标。
第5步：使用组件和样式
当你需要复用设计元素时，组件功能可以大幅提升效率：
- 设计好一个元素（如一个完整的按钮——包含圆角矩形背景和白色文字）
- 选中所有按钮相关的图层，右键选择"创建组件"（或快捷键
Ctrl+Alt+K） - 创建后，组件会出现在左侧"资源"面板的"本地组件"分类中
- 从资源面板拖拽组件实例到画布即可复用，修改主组件会自动同步所有实例
什么时候该用组件？ 凡是会在多个页面中重复出现的元素都应该做成组件：按钮、导航栏、卡片、表单输入框、图标按钮等。组件化设计能确保你的设计稿保持一致性，修改一处即可全局更新。
第6步：导出设计稿
设计完成后的交付步骤：
- 选中需要导出的对象或画板。如果要导出整个页面的设计稿，点击画板名称选中整个画板。
- 在右侧属性面板最底部找到"导出"区域，点击"+"添加导出配置
- 选择导出格式：PNG（通用位图格式，适合预览和展示）、SVG（矢量格式，适合图标和插画）、JPG（压缩格式，文件小但无透明通道）、PDF（适合打印和文档）
- 设置导出倍率：1x为标准分辨率，2x为高清（Retina屏幕适配），3x为超高清
- 点击"导出"按钮，选择保存路径
如果需要同时导出多个画板，可以按住Shift多选画板，批量导出一次完成。
下一步学习
完成入门教程后，建议根据自己的需求选择学习路径： - 提升设计效率 → Pixso自动布局教程（创建自适应组件，告别手动调整） - 用AI加速设计 → Pixso AI功能详解（描述词生成设计稿、图标和文案） - 从Figma切换 → Figma迁移指南（快捷键对照、文件导入、差异说明）
常见问题
可以。Pixso的入门门槛低于传统设计工具（如Sketch和Figma）。如果你会使用PPT或在线文档，就能快速上手Pixso的基础功能。本教程的6步流程已经覆盖了从注册到导出的完整闭环。不需要掌握色彩理论、排版规则等专业知识就能开始操作——先动手做，再逐步深入学习。
浏览器版Pixso无需安装，始终使用当前版本，且协作体验更好。对于入门学习来说，Web版完全够用。如果你后续有离线工作需求，可以在入门后安装桌面客户端。两个版本的核心功能一致，你可以随时切换。
Pixso作为在线SaaS产品会持续更新界面和功能。如果界面有细微差异，核心功能区域（工具栏/图层面板/属性面板/画布）的布局基本保持不变。功能入口可能会调整位置或图标样式，但功能名称通常不变——你可以根据名称在界面中查找对应位置。如果差异较大，建议先确保你访问的是官方网页版入口。
可以。如果有使用PPT或在线文档的经验，就能快速上手Pixso基础操作。本教程6步覆盖注册到导出完整流程。
浏览器版无需安装、始终当前版本、协作体验更好。入门学习时Web版完全够用。如需离线工作，后续可安装桌面客户端。
Pixso作为在线SaaS产品会持续更新。如果界面有细微差异，核心功能区域布局基本不变，可按功能名称在界面中查找对应位置。