开始入门

开始入门

• 概述
• 快速入门
  Step 1. 开始设计 Step 2. 设计稿评审 Step 3. 设计稿交付 其它亮点功能
• 7分钟玩转摹客协作
• 摹客的柔性工作流
  柔性工作流是什么？ 柔性工作流如何使用？

项目

项目

• 概述
• 新建项目
• 项目封面设置
• 项目分类
  查看分类 对项目进行分类 新建/删除分类
• 项目集
  创建项目集 移动至/移出项目集 切换项目 删除项目集
• 分享项目集
• 管理项目集成员
  邀请项目集成员 项目集权限 项目集嵌套 移除继承的父项目集成员
• 管理项目成员
  项目类型设置 查看项目成员 添加/删除项目参与成员
• 分享项目
  私密分享 公开分享 重置链接 分享权限的设置
• 克隆和删除
• 归档和收藏
  项目归档 项目集归档 项目收藏
• 项目排序
• 批量操作项目/项目集
• 查看团队所有项目
• 查看我创建的
• 移交项目/项目集
• 跨团队移动项目
• 添加 webhooks
  第一步：获取 webhooks 地址 第二步：在摹客项目中添加 webhooks

添加和导入设计

添加和导入设计

• 概述
• 添加设计图片
  上传图片 上传文件夹 上传zip压缩文件
• 上传Figma设计稿
  安装Figma插件 打开插件 注册和登录 切换团队/切换账号 新建项目 选择分组 标记切图 设计倍数 上传 Section 画板 上传组件备注信息 通知成员
• 上传Sketch设计稿
  安装Sketch插件 打开插件 注册和登录 切换团队/切换账号 选择和新建项目 选择分组 标记切图 自定切图尺寸 自动识别画板大小 上传高质量设计稿 上传超清切图 上传Symbol画板 同步画板 状态图 将文件名作为覆盖判断依据 设计稿排序与Sketch保持一致 标注扩展区域
• Sketch规范检查工具
  打开规范检查工具 检查设计内容
• 上传Photoshop设计稿
  安装PS插件 打开插件 注册和登录 切换团队/切换账号 选择和新建项目 标记切图 自定切图尺寸 隐藏切图遮罩 自动识别画板大小 上传设计稿 状态图 重置画板ID 同步画板 标注扩展区域 设置上传顺序 设计稿排序与PS保持一致 始终覆盖已有状态 上传高清智能对象切图 通知成员
• 上传Adobe XD设计稿
  安装XD插件 打开插件 注册和登录 切换团队/切换账号 选择和新建项目 标记切图 固定区域大小切图 自动识别画板大小 上传设计稿 状态图 添加更新说明 上传高质量设计稿 上传超清切图 标注扩展区域 设计稿排序与 XD 保持一致 始终覆盖已有状态 将XD文件名作为覆盖上传的依据 通知成员
• 上传Axure原型项目
  方式一：通过插件上传 安装插件 打开插件 使用浏览器登录 在Axure中进行预览 新建项目 准备上传 上传完成 方式二：上传Axure的HTML演示包 生成Axure的HTML演示包 更新项目 常见问题
• 上传Mockplus原型项目

评论

评论

• 概述
• 评论工具
• 评论的状态
  评论的解决状态 评论的筛选
• 评论的多选与复制
• 图钉标签
  添加图钉标签 管理图钉标签
• 下载评论数据
• 评论的通知
  评论时，可@成员
• 添加引用
  评论 定稿 显示引用设计稿的文档列表 创建引用点
• 查看未解决评论数量

标注

标注

• 概述
• 手动标注
  文字标注 坐标标注 尺寸标注 颜色标注 区域标注
• 设计说明
• 自动标注
  间隔标注 图层间标注 多选标注 百分比标注 百分比参照 改变标注线的颜色
• 标注属性面板
  一键复制CSS / Android / Objective-C / Swift代码 常见问题
• 查看图层
  图层面板 禁用图层 启用图层 点击图层穿透
• 图层数据
  标记图层 下载图层数据
• 修改开发平台
• 放大镜
• 吸管工具
• 关联设计规范
• 切换主题
• 图层间距忽略边框宽度

切图

切图

• 概述
• 下载切图
  切图压缩 下载 下载PNG/SVG/WebP/JPG切图 同时下载多个页面的切图
• 重命名切图
  设置安卓切图文件夹名称 去除重名切图
• 自动换算不同平台尺寸
• iOS的@3X尺寸
• 自定尺寸功能

设计规范

设计规范

• 概述
• 自定义设计规范
  添加文字到规范 生成CSS代码

版本管理

版本管理

• 概述
• 版本对比
  历史版本的生成 查看历史版本 删除历史版本 版本对比 设计稿对比
• 对比方式
  双栏 蒙版 扫描 差异 切换历史版本

交互演示和分享

交互演示和分享

• 概述
• 设置交互
  设置跳转链接 设置视频地址 设置返回链接/返回首页/外部链接 交互提示 延迟跳转 设置载入时交互
• 动画和手势
  动画 手势
• 设置滚动区
  手动设置距顶部/底部数值 全局应用
• 克隆交互
• 演示
  从首页/当前页演示 导航条 分享演示链接 设置密码 演示设置 搜索页面
• 摹客手机端演示
• 分享和导出

文档

文档

• 概述
• 添加产品文档
  新建产品文档
• 引用设计稿/原型稿
  同步更新
• 在线审阅PRD文档
• 历史版本
  更新文档 查看历史版本 历史版本对比
• 复制文档到其它项目

资源

资源

• 概述
• 各类产品文档支持
• 资源管理
• 资源分组

任务管理

任务管理

• 创建任务
• 任务分类
• 关联设计稿
  分享关联的设计稿 添加评审意见 显示/隐藏未关联设计稿
• 修改任务
  修改指派对象 修改任务状态
• 批量操作
• 自定义任务流程

动态

动态

• 概述
• 团队和项目动态
  团队动态 项目动态
• 动态筛选
  项目动态筛选 团队动态筛选
• 动态预览

团队协作

团队协作

• 概述
• 管理团队
  新建团队 切换团队 移交团队 解散团队 修改团队名称 设置默认团队
• 部门和成员
  部门管理 团队成员管理 项目成员管理
• 角色与权限

管理后台

管理后台

• 团队管理
• 成员管理
• 企业配置
• 数据统计
• 告警说明

快捷键

快捷键

• 快捷键

企业服务

企业服务

• 企业私有云部署

常见问题

常见问题

• 问题一：Figma插件问题
  Figma切图下载下来宽高多出1-2像素怎么解决？
• 问题二：PS插件问题
  “PS中上传时，提示没有选定的画板”的问题  PS插件点击“上传”后，长时间处于“正在导出…”状态  插件打开后不显示任何内容  插件打开后长时间无法连接生成器怎么办？  安装完成后, PS的扩展里依然找不到 提示“未知错误”  Mac安装时，显示“打不开 ‘摹客.pkg’ ，因为它来自身份不明的开发者。”  Win 10安装时，提示“Windows 已保护你的电脑”  PS安装插件提示：“无法加载扩展，因为它未正确签署”  如何卸载摹客插件? 使用摹客插件上传设计稿时，选择 iOS @2× 为什么比选择 iOS @1× 的标注数值更小？ Windows默认浏览器为IE或Edge时，PS插件登录无法自动打开浏览器
• 问题三：PS插件（.ccx格式）如何安装
  安装插件 Creative Cloud 无法正常打开增效工具
• 问题四：Sketch插件问题
  如何解决Sketch上传至摹客，画板卡顿的问题？ 使用摹客插件上传设计稿时，选择 iOS @2× 为什么比选择 iOS @1× 的标注数值更小？ 摹客设计规范 Sketch 插件无法正常使用的解决办法 切图尺寸和标注尺寸不一致如何解决？ Sketch有色差/颜色偏鲜艳的解决办法 Sketch插件无法使用/点击没有反应的解决办法
• 问题五：Axure插件问题
  如何同步更新Axure原型？ Axure项目演示顶部有灰条或没有横向滚动条的解决办法
• 问题六：Adobe XD插件问题
  XD的插件无法安装或者Creative Cloud 无法打开增效工具 安装 XD 插件时提示“无法安装插件” XD 插件安装后闪退的解决办法 使用摹客插件上传设计稿时，选择 iOS @2× 为什么比选择 iOS @1× 的标注数值更小？ XD 切图上传失败 插件唤醒了浏览器，登录之后返回插件，显示未登陆怎么办？ 使用XD插件上传摹客后，画板内容显示不全怎么办？ Windows系统使用XD插件登录时，没有打开浏览器怎么办？ 卸载 XD 插件
• 问题七：网络问题
  网络异常 
• 问题八：不能打开摹客协作平台或进入项目是白屏的问题
• 问题九：原型托管用户如何使用摹客？
  团队管理 项目管理 Axure 页面图层数据查看 在线评论审阅 在线撰写产品文档

分享摹客到 UI 中国

分享摹客到 UI 中国