一、快捷键

二、XD小技巧

1、重复网格

改一个颜色，一起变；

选任一个，右键-制作组件，每个可单独填色。

2、曲线的调整

双击锚点：在曲线和角度之间切换。（注意可能会变形）

按alt同时拖动曲线手柄：单独调一侧手柄。

3、按0-9快速调不透明度

9最深，1最浅。

单独调圆角

“外观”混合模式下面按钮：

若想随手随意调，按alt。

4、移动元素

上下左右箭头移动1px，按shift移动10px。

——右边侧边栏里所有输入框，上下箭头±1，shift±10。支持±*/运算。

5、去除小数点像素

小数点像素，导出会模糊。选择元素，右键-对齐像素网格。

注意：图标类会变形。

6、复制样式（渐变、阴影、投影等），ctrl + alt + V

三、XD小技巧——一键填充

1、图片一键填充

（1）创建图形容器，把图片直接拖到图形上，一键填充，不用搞蒙版。

（2）图片ctrl+C，图形容器ctrl + alt + V，也可以直接把图片填充到容器里。

2、文本一键填充

.txt文件可直接拖入XD生成段落。

3、重复网格&一键填充

（1）做头像：三个图形容器，选择三个图片，直接拖进去，自动填充三个容器。

（2）做昵称：文本重复网格，.txt文件拖到文本上，注意txt里的文字要换行。

四、录屏

 做好交互后，点预览。Win+G，可录制交互视频。

五、资源

1、颜色

（1）创建图形，默认填充红色，边框灰色；

选中图形，点资源-颜色右侧的+，把红、灰添加到资源库。

（2）技巧：用透明度做层级的变换。

e.g. 底色深蓝，文字白，调不透明度。后面改色可以一起改，适用于文字、小组件。

2、组件

（1）创建组件，编辑主组件修改所有复制组件。

（2）右键-在画布上突出显示，看出所有用到该组件的地方。

3、字符样式

定义好字体、字号、颜色、对齐方式、行间距等。

命名规则：主标题、副标题、正文。

方便复用，统一修改。

六、插件

1、Photo Splash：一键填充图片

不用上网找图片，做头像大量图片等很好用。安装本地插件，不要选网上在线安装。

断SPES，画矩形，重复网格，多个矩形。取消重复网格，多选矩，用Photo Splash填充。

2、Rename it：批量命名

选中所有画板，Rename it。

3、XD拉框助手：线图、柱状图、饼图、地图。

七、XD小技巧——补充

1、变成组件（ctrl + K）后，

右边有默认状态，

可添加悬停状态、不可用状态。

2、跨组选择，ctrl + shift + 鼠标右键。

3、导航栏文字编组后做成组件。

右边“版面”自动手动下面有

固定宽度。

4、取一个画板，放模块主组件。

5文字按钮编组，右侧边缘填充量

  

不管怎么拖，文字都居中，边距不变。