所有文章

按设计任务找教程

从正在做的任务出发，选择方法指南，再继续完成具体操作。

UI 布局与规范

统一页面规则，理清视觉层级。

组件与设计系统

从复用一个组件到维护团队规范。

原型与交互

把页面连成任务，检查流程与状态。

Figma 入门与操作

先掌握工作流，再选择所需插件。

研究与设计评审

选择研究证据，形成可执行的决定。

界面可访问性

覆盖不同操作方式，补齐反馈与恢复。

所有文章

DeepSeek MCP怎么用？安全调用Pixso设计工具

先把模型调用和真实写入分开，才能安全地让 AI 参与 UI 修改。

了解更多

豆包Computer Use怎么做UI验收？状态与权限清单

自动操作负责采集证据，设计结构和业务判断仍由团队确认。

了解更多

WorkBuddy MCP怎么接入？从项目权限到设计交付验收

先锁定项目范围和权限，再让 Agent 处理能被验证的设计差异。

了解更多

Qwen Code怎么接入MCP？中文需求生成可编辑UI

先拆需求，再复用组件和变量，最后按轮次审批写入。

了解更多

Kimi MCP怎么配置？远程连接Pixso的排错步骤

先确认地址、身份、资源和节点，再让 Kimi 参与可追溯的 UI 修改。

了解更多

TRAE做UI设计：从桌面稿到移动端

从同一张报名页出发，完成手机画板和网页布局，保留原有内容与功能。

了解更多

Kiro做UI设计：用规格补齐页面状态

用Kiro梳理团队空间开通规则，通过Pixso MCP补齐可申请、处理中、已开通三个界面。附OAuth配置、需求条目和提示词，分清阶段、权限与失败反馈，避免AI漏掉关键操作。

了解更多

Cline改网页：用Pixso把代码转回设计稿

网页已有代码却没有设计源稿？用Cline整理HTML、CSS和资源，通过Pixso MCP转为可编辑稿，在画布中调整布局，再把选定修改带回原项目；保留原有内容、链接与正常交互。

了解更多

Gemini CLI做UI：生成可编辑知识库首页

用Gemini CLI连接Pixso MCP，把知识库需求变成可编辑界面：确定搜索与分类的主次，沿用组件和样式，生成首页与搜索状态，并逐项修正文字、图层和布局。

了解更多

Codex做UI设计：直接修改Pixso设计稿

把“再高级一点”变成具体的图层调整，让设计判断落实到画布。

了解更多

迷你教程！从Pixso中导出PDF

Pixso是支持直接导出PDF格式的，中途不需要任何插件和转换

了解更多

Pixso多画板怎么导出PDF？顺序与分页设置

整理画板范围与顺序，把一组界面导出为可阅读的PDF方案。

了解更多

设计系统组件文档怎么写？示例、状态与使用边界

从保存草稿按钮到组件版本迁移的完整写法

了解更多

UI设计走查怎么做？交付前的状态检查清单

用邀请成员流程检查设计稿中的遗漏状态

了解更多

GitHub Copilot接入Pixso MCP教程

用一张费用报销审批页，连接设计图层、团队组件和可验证的审批状态。

了解更多

Cursor接入Pixso MCP：设计稿转组件

用现有组件接住设计稿，再处理筛选、响应式和异常状态。

了解更多

Claude Code接入Pixso MCP教程

用指定图层、现有React组件和明确的邀请状态，推进从设计到代码。

了解更多

设计稿怎么转ArkUI代码？Pixso鸿蒙交付流程

从设计稿整理、D2C导出到DevEco Studio接入，走通鸿蒙界面交付

了解更多

Pixso MCP教程：连接Codex与Cursor

选对连接方式，读准目标图层，再完成设计修改与代码验收。

了解更多

UI标注与切图怎么交付？Pixso D2C指南

标注、资源与代码怎样接起来？用音乐App说明UI交付的准备、接入与检查。

了解更多

设计稿转代码质量怎么检查？布局、组件与工程验证

从布局、组件和构建结果判断代码是否适合接入项目。

了解更多

设计稿转代码怎么做？从生成到项目交付

从框架选择、组件映射到工程接入，完成可检查的设计交付。

了解更多

ProtoPie 中文

ProtoPie中文指南，覆盖高保真交互原型、实操教程、团队协作、迁移检查与 Pixso 衔接。

了解更多

Uizard中文指南

Uizard中文指南，说明AI生成线框和界面草稿时应如何控制范围、检查状态，并将可行方向带入Pixso继续协作。

了解更多

Miro中文指南

Miro中文指南，介绍在线白板、流程梳理和工作坊的使用方法，并说明如何把讨论结果沉淀到Pixso设计系统和原型中。

了解更多

Framer中文指南

Framer中文指南，覆盖网站结构、响应式断点、动效验收和发布前检查，帮助团队把Pixso方案推进到可维护的网站。

了解更多

AI生成UI怎么修改？布局、组件与状态处理

AI生成UI后，怎样把第一版变成可继续设计的页面？以灯光控制页为例，检查图层、布局、中文文案、组件和异常状态，再按设计稿或代码的交付方式继续完善。

了解更多

AI设计App首页：智能家居页面制作流程

用智能家居App首页贯穿AI设计流程：整理房间与设备规则，生成页面结构，补齐离线和空状态，再完成组件、文案与开发交付。保留可编辑结构，避免只得到一张效果图。

了解更多

网页设计制作网站推荐：10款工具怎么选

从页面设计、交互原型到网站发布，找到适合自己的制作工具。

了解更多

AI平面设计素材工具：生图、修图与配色怎么选

做平面设计素材，先区分主视觉生成、商品修图、矢量图标与配色。比较10种工具的实际用途、输出和费用条件，避免把图片当源文件，或把AI生成误认为自动获得全部授权。