Auto-Animate是XD的一个很好的补充，但也有局限性和特殊性。当使用Auto-Animate在两个组件状态或艺术板之间更改元素的颜色时，其中一个怪癖变得很明显。它不是在两种颜色之间平滑插值，而是在测试时突然变化。

当前的解决方法有点尴尬，并且对如何组织主要组件状态有影响。它包括添加两个不同颜色的对象，而不是一个，然后交叉淡入两个对象在这两种状态的字母，以实现平稳过渡。默认的淡入淡出过渡可以工作，但如果使用“自动设置动画”来插值形状和大小，淡入淡出可能不够。

使用自动动画的颜色之间的交叉淡入可以通过在两种状态下交叉淡入两个对象上的字母来实现。如何正确地交叉淡入淡出颜色使用自动动画在XD。重复网格是XD中另一个非常节省时间的特性，它使组织和维护类似元素的数组变得非常容易。与组件一样，重复网格具有层次关系，其中网格左上角的第一个元素是定义“子”元素属性的“父”元素。（也有例外：位图对于子元素是唯一的，文本字符串也是唯一的，但文本属性不是。）

但是，在重复栅格中使用零部件时，情况会发生变化。正常使用重复栅格时，对父栅格所做的更改会立即传播到其子栅格。但是，如果没有本地特性替代，则主组件更改只会传播到重复网格中的子级。换句话说，更改网格中组件的属性会“锁定”它，使其不受从主组件传播的更改的影响。

将重复网格与adobexd组件相结合。局部颜色属性锁定在重复网格的子实例组件中，但不锁定大小。若要从父级（父级也是重复栅格中的组件）传播更改，请将栅格向下调整为仅父级。这将删除其子对象。然后，将控制柄拖回所需的尺寸以更新子对象。更新重复网格中XD组件的子级。

局部颜色属性锁定在重复网格的子实例组件中，但不锁定大小。一旦设计人员能够处理组件的特性并重复网格，那么将它们结合起来就非常有效了。当使用基于时间的延迟（而不是基于输入）在艺术板之间应用转换时，很自然地会假设组件状态之间也存在相同的转换。不幸的是，情况并非如此。所有基于组件的状态更改都必须基于原型模式中的用户输入或交互，而不是时间。

对Adobe的一个建议是：为组件添加一个基于时间的转换选项，这样组件的状态就可以独立于用户的输入进行动画处理。

基于时间的转换只存在于艺术板之间，而不存在于adobexd组件状态之间。

基于时间的转换只存在于艺术板之间，而不存在于组件状态之间。

技巧8–克隆主组件层次结构时要彻底

最后一个技巧更像是XD设计师可能不经常遇到的一个边缘案例，但应该注意。

假设主组件需要一个变体，该变体仍保留继承属性的子组件的“一对多”质量，但不影响任何现有子组件。若要创建新的父组件层次结构，必须取消对实例组件的编组并从头开始重新生成。解组组件还将丢失在原型模式中设置的所有状态和转换属性。这里有一个解决方法：

为组件中的每个状态克隆组件的实例。

将每个实例的状态设置为不同的状态。

遍历并解组每个组件实例。

开始对每个组件实例进行所需的调整和更改。

重新创建新的主组件。

进入原型模式，重新创建之前设置的交互和转换类型。

对Adobe的建议是：在Assets面板中右键单击主组件时，提供一个“duplicate”菜单选项。

在过去的几年中，adobexd在功能和实用性方面有了显著的改进。它已经发展成为一个有价值的，有竞争力的替代草图和其他已建立的原型工具。基于该工具自推出以来的发展，可能还会有更多的改进。

特别是，adobexd组件系统在改进和扩展设计者可以创建的交互类型方面具有极好的潜力。注意组件如何与adobexd的其他功能交互，比如自动动画和重复网格。努力采用一致的工作流实践来节省时间，例如命名组件和在XD文件中维护一个单独的主组件粘贴板区域。注意使用adobexd组件的特性，同时保持严格的工作流程，将最大限度地提高设计效率。它将避免不必要的清理和维护，并给XD设计师的效率优势时，原型数字产品。