快速入门

简介

腾讯设计（Ardot）是腾讯自研的 AI 驱动下一代智能设计工具，致力于为产设研团队提供一站式全流程解决方案。作为专业设计平台，Ardot 通过深度集成 AI 能力，实现从灵感到产品的无缝衔接，让创意快速可视化。

核心定位：AI 驱动的智能设计伙伴

---

核心能力

能力	说明
矢量编辑	支持矢量网格、布尔运算、3D 旋转及增强形状工具，复杂效果轻松实现
动态布局	自动布局与真实比例锁定，海量图层拖拽框选响应速度远超其他工具
无缝协同	支持多人实时协作、评论和校对，团队沟通零成本
全流程安全体系	智能权限中心、全方位行为追溯、资产流转更安心

核心价值

对于设计师

• 全流程 AI 赋能，释放创造力，减少重复劳动
• 专业矢量编辑与动效设计能力，完美呈现设计效果
• 强大的设计系统管理，避免重复设计与验收工作

对于产品经理

• 基于专业设计系统快速搭建产品原型
• 内置快速动效，绘制可交互原型
• 加速产品迭代，提升需求传达效率

对于研发工程师

• 实时可追踪的设计文件状态
• 设计稿自动转为清晰可用代码
• 在线查看标注、下载素材，提升开发效率

注册与登录

访问腾讯设计官网，支持以下登录方式：

登录方式	适用场景
微信扫码	个人用户快速登录
手机号 / 邮箱	通用登录方式
iOA 企业登录	腾讯内部员工及企业用户
QQ 登录	腾讯账号体系

提示：企业用户建议使用 iOA 或邮箱登录，便于管理员统一管理账号权限。

5 分钟快速上手

创建一个完整的迷你项目（如创建一个按钮并添加交互），跑通「创建-编辑-分享」全流程。

步骤 1：创建画板

1. 在工具栏中选择容器工具，或使用快捷键 F
2. 在画布上拖拽创建画板
3. 在右侧属性面板调整画板尺寸、位置、填充色
4. 也可点击容器选项快捷选择预设尺寸

步骤 2：添加元素

1. 使用矩形工具 R 绘制按钮背景
2. 使用文本工具 T 添加按钮文字
3. 使用钢笔工具 P 绘制装饰图形

步骤 3：添加交互

1. 选中按钮元素
2. 点击右侧属性面板的交互标签
3. 设置点击态、悬停态等交互效果

步骤 4：分享协作

1. 点击顶部工具栏的分享按钮
2. 设置访问权限（仅查看/可编辑）
3. 生成链接或邀请成员

编辑器界面总览

┌──────────────────────────────────────────────────┐
│  顶部工具栏：文件名 / 工具切换 / 分享按钮           │
├──────────┬───────────────────────┬───────────────┤
│          │                       │               │
│  图层面板 │       画布区域         │  属性面板     │
│  (左侧)  │   (中间，主编辑区)     │  (右侧)       │
│          │                       │               │
├──────────┴───────────────────────┴───────────────┤
│  底部状态栏：缩放比例 / 当前页面                    │
└──────────────────────────────────────────────────┘

区域	功能说明
顶部工具栏	选择工具、形状工具、文本工具、钢笔工具、AI 助手入口
图层面板	查看和管理图层层级结构、页面列表
画布区域	主要编辑区，支持多手指/滚轮缩放、拖拽移动
属性面板	调整选中元素的位置、尺寸、填充、描边、交互等属性

常用快捷键

快捷键	功能	快捷键	功能
V	选择工具	Cmd/Ctrl + C/V	复制 / 粘贴
R	矩形工具	Cmd/Ctrl + Z	撤销
O	椭圆工具	Cmd/Ctrl + Shift + Z	重做
T	文本工具	Cmd/Ctrl + G	成组
P	钢笔工具	Cmd/Ctrl + Shift + G	取消成组
F	容器/画板工具	Cmd/Ctrl + Alt + K	创建组件
C	评论工具	Cmd/Ctrl + +/-	缩放画布
Space + 拖拽	平移画布	Cmd/Ctrl + \	打开 AI 助手
Delete	删除选中	Cmd/Ctrl + Alt + S	手动保存版本

视图快捷键

快捷键	功能
Cmd/Ctrl + 0	适应画布
Cmd/Ctrl + 1	缩放至 100%
Cmd/Ctrl + 2	缩放至适合窗口

工作台概览

工作台是文件和项目的管理中心：

区域	说明
草稿	个人私有空间，适合未定稿或个人探索
项目	团队协作空间，文件可按权限共享
最近	最近打开的文件，快速找回上次工作内容
已归档	已归档的文件，保留完整内容

建议：个人探索放草稿，交付给团队的设计稿放项目，利于权限管理。

---

画板与视图

创建画板

• 选择容器工具，快捷键 F
• 在画布上拖拽创建，或点击预设尺寸

画板操作

• 缩放：滚轮缩放或 Cmd/Ctrl +/-
• 移动：空格 + 拖拽
• 参考线：拖拽标尺生成参考线
• 网格：视图菜单开启网格显示

---

图层与对象

操作	说明
创建图层	使用工具栏工具或 Cmd/Ctrl + Shift + N
选择图层	V 选择，单击选中，多选 Shift 或框选
移动图层	拖拽或方向键微调
复制粘贴	Cmd/Ctrl + C/V，原地粘贴 Cmd/Ctrl + Shift + V
图层分组	Cmd/Ctrl + G / 取消 Cmd/Ctrl + Shift + G
等比缩放	拖拽时按住 Shift
锁定	选中后 Cmd/Ctrl + Shift + L
隐藏/显示	选中后 Cmd/Ctrl + Shift + H

---

设计工具

基础形状

• 矩形工具 R：绘制矩形、正方形
• 椭圆工具 O：绘制椭圆、正圆
• 多边形工具 L：绘制三角形、多边形
• 钢笔工具 P：绘制矢量路径

布尔运算

支持路径的合并、减去、相交、排除运算，创建复杂形状。

文本

• 文本工具 T 创建文本框
• 支持字体、大小、颜色、行高、对齐等属性

---

样式

填充与描边

• 填充：纯色、渐变、图片填充
• 描边：颜色、宽度、线型（实线/虚线）

效果

• 阴影：内阴影、外阴影
• 模糊：高斯模糊、背景模糊
• 混合模式：多种叠加效果

颜色管理

• 使用颜色管理器管理团队色板
• 创建颜色/效果样式便于复用

---

自动布局

基本设置

1. 选中元素，点击属性面板的自动布局
2. 设置排列方向（水平/垂直）
3. 设置间距和对齐方式

进阶功能

• 响应式调整：设置最小/最大宽度
• 自动布局嵌套：复杂结构轻松管理

---

协作与交付

团队管理

1. 创建团队：工作台点击「创建团队」
2. 邀请成员：设置成员角色（管理员/编辑/查看）
3. 权限管理：细粒度控制文件访问权限

多人实时协作

• 实时查看成员头像和光标位置
• 支持多人同时编辑同一文件

评论与标注

• 使用评论工具 C 添加评论
• 支持@成员、任务指派

开发交付

• 研发模式：查看设计稿代码
• 查看代码：获取 CSS/React/Vue 代码
• 批量导出：一键导出所有切图和资源

---

文件与资源管理

文件操作

操作	说明
创建文件	工作台点击「新建文件」
创建副本	右键菜单「创建副本」
历史版本	文件菜单「版本历史」查看和恢复
删除/恢复	右键「删除」，可从回收站恢复

导入与导出

• 导入：支持 SVG、Figma (.fig) 文件
• 导出：PNG、JPG、SVG、PDF 等格式

---

团队资源库

组件系统

• 引用组件：创建主组件，修改同步所有实例
• 实例组件：引用组件的副本，可覆盖局部属性
• 组件库：发布团队组件库，供全员使用

变量

• 定义设计变量（颜色、字体、间距等）
• 变量联动全局修改

---

多端使用

腾讯设计支持多端访问，数据实时同步：

平台	说明
Web	浏览器直接使用，无需安装
macOS	桌面客户端，离线可用，字体管理完整
Windows	桌面客户端，与 macOS 功能一致
iOS / Android	移动端查看和评论

---

迁移指南

从其他工具迁移

原工具	迁移说明
Axure	导入 RP 文件，组件需手动适配
Sketch	导出 Sketch 文件后导入
Figma	直接导入 .fig 文件

快捷键对照

功能	Axure	Sketch	Figma	Ardot
选择	鼠标	V	V	V
矩形	R	R	R	R
文本	T	T	T	T
钢笔	P	P	P	P

---

常见问题（FAQ）

Q: 字体缺失怎么办？ A: 在属性面板选择替代字体，或在设置中安装缺失字体

Q: 文件打不开？ A: 检查网络连接，或尝试清除缓存后重新打开

Q: 自动保存频率？ A: 系统每 30 秒自动保存，也可手动 Cmd/Ctrl + Alt + S 保存

Q: 如何导出所有切图？ A: 使用「批量导出」功能，选择需要导出的元素和格式

---

下一步

• 文件创建与管理 — 深入了解文件、页面、组件体系
• 导入文件 — 从 Figma 迁移你的设计稿
• 分享与协作 — 邀请团队成员协作