先回答这项工具到底负责什么
Qwen Code适合先整理中文需求中的角色、动作和限制,再通过 Pixso MCP 把结构落到可编辑页面。角色权限设置页的难点不在于画几个开关,而在于让角色选择、权限分组、继承关系和保存反馈彼此对应。
Qwen Code的 MCP 配置、工具审批和 Pixso 的设计读写是两层能力。Pixso MCP可以读取组件、样式和变量,并在权限允许时写入;Qwen Code项目级配置则决定哪些工具可以被发现和执行。

配置先求可复现,再谈自动化
项目级配置便于团队 review,个人全局配置则容易把不相关的工具带入任务。按照当前 Qwen Code 文档,远程 HTTP MCP 可以通过命令添加,也可以写入项目 settings;完成后用管理命令检查名称、传输类型和当前审批状态。
qwen mcp add --transport http pixso https://pixso.cn/mcp
qwen mcp list
qwen mcp remove pixso命令参数会随客户端版本变化,终端帮助和当前文档是最终依据。令牌不要写入仓库;对团队项目,提交服务定义和审批策略,保留个人授权在本机。
把需求拆成页面对象和状态
先把需求写成对象表:管理员可以管理成员,编辑者可以改内容,观察者只能查看;继承权限要能被解释;保存失败时要保留修改。让 Qwen Code 返回对象、动作和状态,再把对象映射到 Pixso 的容器、组件和文字层。
| 检查对象 | 先确认什么 | 通过标准 |
|---|---|---|
| 角色栏 | 当前角色与切换 | 切换后权限表同步更新 |
| 权限组 | 查看、编辑、管理 | 继承与独立权限分开 |
| 提示区 | 权限来源与风险 | 不只用颜色提示 |
| 操作区 | 保存、取消、返回 | 保存中和失败可恢复 |
先读结构,再决定页面怎么变
连接完成后只读目标画板和设计系统资源。Qwen Code应返回现有按钮、开关、标签和颜色变量,设计师确认哪些可复用、哪些需要新建。若直接创建一套新按钮,后续维护会出现同一职责多种外观。
读取层级不完整时,先补读子节点;不要把截图 OCR 结果当作组件结构。目标链接应指向带节点定位的页面或容器,文件级链接只适合确认文件归属。

分轮构建设计页面
第一轮只创建页面骨架和信息分区;第二轮把角色、权限和继承规则放进组件;第三轮补充保存中、成功、失败、空权限和无访问权限状态。每轮都保持原稿,便于比较和撤回。
页面首屏应先回答当前角色和可以做什么,再展示大量权限项。长权限名称不应挤压开关和说明;批量操作需要明确影响范围。中文后台尤其要预留更长的标签和帮助文案空间。
第一轮:角色栏 / 权限组 / 操作区
第二轮:组件实例 / 变量 / 权限继承说明
第三轮:空态 / 保存中 / 成功 / 失败 / 无权限
审批工具调用,避免无意改共享资源
Qwen Code显示工具审批时,逐项确认目标节点和是否触及共享组件。只读工具可自动;写入工具按轮次审批;全局变量和组件主件需要更高等级确认。写入后重新读取节点并截图,确保页面只新增了一份骨架。

把可编辑页面交给团队
验收角色权限页时,产品看规则是否完整,设计师看组件和层级,研发看节点命名、变量和响应式约束。Qwen Code可以继续整理待办,但不能替团队决定权限含义。
完成后保留原稿、精修版本和审批记录。这样的交付可被继续编辑和评审,比一张一次性生成的展示图更适合团队协作。