Pixso AI是内置于Pixso设计工具中的AI助手。本教程不做功能介绍,直接教你每一步怎么操作——打开Pixso后跟着做就行。
AI功能一:AI生成设计稿
适用场景:产品原型快速验证、设计灵感探索、竞品页面结构参考。
操作步骤:
- 打开Pixso并进入任意设计文件(新建或已有均可)
- 在画布空白处按键盘
/键,弹出AI命令面板 - 在输入框中输入设计描述词。描述词越具体,生成结果越精准。
- ❌ 模糊描述:"做一个登录页"
- ✅ 精准描述:"简洁风格的App登录页,白色背景,顶部Logo区域(蓝色#2563EB),中间手机号输入框+密码输入框,底部蓝色登录按钮,下方有微信登录和忘记密码链接"
- 按回车等待AI生成(通常3-8秒),画布上会出现AI生成的UI设计稿
- 检查生成结果:组件布局是否合理、配色是否协调、间距是否需要微调
- 不满意可以修改描述词后重新生成。通常2-3次迭代能得到可用的设计稿
常见问题和解决:
- 生成结果和预期差距大:描述词太模糊。加上设计风格关键词(简约/科技感/可爱/商务)、具体配色、页面类型(登录页/列表页/详情页)会显著提升准确度
- 生成的按钮没有交互状态:AI生成的是静态设计稿。hover状态、active状态、disabled状态需要设计师手动添加
- 不想覆盖现有设计:在生成前先选中一个空白画板,AI会将结果放在选中的画板内
能用来做什么: - 产品需求评审时快速生成原型(产品经理描述→AI生成→5分钟内可以讨论) - 探索不同设计风格(同一功能生成10个方案比较) - 学习竞品页面结构(描述竞品功能→AI生成参考布局→在此基础上改)
AI功能二:AI生成图标
适用场景:B端管理后台的功能图标、App底部导航图标、空状态插画。
操作步骤:
- 在画布中选中要放置图标的位置
- 按
/键打开AI面板,选择"图标生成"模式 - 输入图标描述词。关键要素:图标类型+风格+颜色+尺寸
- 示例:"信封邮件图标,线性描边风格,蓝色#2563EB,24px"
- 示例:"购物车图标,填充风格,橙色,48px"
- 示例:"设置齿轮图标,双色描边,灰色背景,32px"
- AI会生成4-6个变体供选择
- 点击满意的图标变体,它会直接插入画布当前位置
- 插入后可在右侧属性面板调整大小、颜色、描边粗细
常见问题和解决:
- 生成的图标风格不统一:AI每次生成是独立的,不同批次生成的图标可能风格不一致。建议同一项目分批生成时,描述词中保持统一的风格关键词(如都写"线性描边风格")
- 图标细节不符合预期:可以叠加描述词进行微调,如"在上一个图标基础上,增加圆角"
- 品牌Logo级别图标:AI生成的图标适合功能型场景,品牌Logo仍建议设计师手绘
效率对比: - 传统方式:在图标库搜索→翻20页→下载→导入→调色→5-10分钟 - AI方式:输入描述→4个变体→点击插入→30秒
AI功能三:AI文案助手
适用场景:原型演示时快速填充真实感文案、表单页面批量填充测试数据、电商设计稿填充产品描述。
操作步骤:
- 在画布中选中一个或多个文本图层
- 打开AI面板,选择"文案生成"
- 选择内容类型:中文姓名、手机号、邮箱、日期、地址、标题、段落、产品描述等
- 点击"填充",AI会自动替换选中文本图层的内容
- 对于段落文本,可以设定大约字数(50字/100字/200字)
实用技巧:
- 批量填充表单:选中表单中的所有文本占位符(Shift+多选),一次性全部填充为真实风格的测试数据。一个包含10个字段的表单,2秒完成填充
- 电商场景:选中商品标题文本→选择"产品描述"→AI生成符合电商风格的描述文案(含卖点、规格、促销语)
- 分段填充:先填充标题,再填充正文——分两次操作比一次全部填充效果好,因为AI可以针对不同类型文本生成不同风格的内容
- 中英混合:如果设计稿需要双语内容,先填充中文,复制图层后再选中英文版选择英文模式填充
注意事项: - AI生成的文案是占位用,不是最终版本。尤其涉及品牌名、价格、法律条款时,必须人工替换为真实内容 - 生成的中文姓名、手机号、邮箱地址都是随机虚拟数据,不会对应真实用户
AI功能四:AI图片处理
适用场景:电商banner快速处理产品白底图、人像抠图、设计稿中的图片素材快速优化。
操作步骤:
智能抠图: 1. 在画布中选中一张图片 2. 打开AI面板,选择"图片处理"→"去除背景" 3. AI自动识别图片主体,2-5秒完成抠图 4. 抠图后图片变为透明背景,主体边缘清晰
背景替换: 1. 抠图完成后,在"图片处理"中选择"背景替换" 2. 选择纯色背景(白/灰/蓝/自定义色号)或渐变色 3. 点击应用,图片主体不变,背景替换为所选颜色
图片增强: 1. 选中画质较低的图片(模糊、偏暗、噪点多) 2. 选择"图片处理"→"增强" 3. AI自动提升清晰度、对比度和色彩饱和度
注意事项: - 智能抠图对简单背景效果最好(白底产品图、纯色背景人像);复杂背景(如室外场景)抠图精度会下降 - 图片增强对"模糊"改善显著,但对"低分辨率"改善有限——原始图片至少要有基本的信息量 - 版权注意:使用AI抠图处理他人图片时,仍需要确认原始图片的使用授权
常见问题
Pixso个人免费版通常每日提供一定数量的AI使用额度。具体的免费额度、付费方案和API调用次数限制以Pixso官方公布为准。建议在使用前查看当前会员方案说明。对于偶尔使用AI功能的设计师,免费额度通常足够;重度使用场景(如每天生成20+个设计稿)建议评估付费方案。
不能。AI生成的设计稿适合原型展示和需求沟通,但交付开发前需要设计师进行规范化调整:统一组件间距和颜色变量、补充交互状态(hover/active/error/loading)、添加开发标注。可以把AI生成看作"完成了60%的框架工作",剩下的40%精雕细琢仍需设计师完成。
通常是描述词不够精准。对比:"一个注册页面"vs"一个极简风格的App注册页,白色背景,顶部标题'创建账号'(24px深灰),依次为昵称输入框、邮箱输入框、密码输入框(带眼睛切换图标)、确认密码输入框,底部蓝色#2563EB圆角注册按钮(宽度撑满),下方有'已有账号?登录'的灰色文字链接"。描述的细节越多,AI匹配度越高。建议前几次多尝试不同写法的描述词,找到最适合你需求的描述风格。
个人免费版通常提供每日AI使用额度。具体额度以官方当前方案为准。偶尔使用免费额度足够,重度使用建议评估付费方案。
不能。AI生成的设计稿适合原型展示和需求沟通,交付前需设计师进行间距、配色、交互状态等规范化调整。
描述词不够精准。加入设计风格、配色、页面类型等关键词后准确性显著提升。通常2-3次迭代能达到可用状态。