元素(如 frame 和文本元素) 是页面的最小组成单位，当我们需要在多个地方多个页面共用元素的时候，就可以将元素变为组件，常见的组件有 按钮组件，导航组件。

变成组件

你可以选中一组元素然后点击右键选择“变成组件”来创建自己的组件，创建好的组件会出记录在资源里，把它们拖动到画布中来重复使用它们。

解组件

选中组件然后点击右键，选择 “解组件” 就能将组件在当前位置解开。

组件变形

组件还有一个强大的功能就是变形，通常一个组件会有多个样式，比如按钮有鼠标悬停，鼠标按下等状态，也会有主要次要等类型，这些样式就需要使用变形功能来制作。

添加 Hover 变形：

选中组件根元素，点击旁边的添加变形就能添加新变形，当组件有多个变形时，在使用组件的设置栏里就能切换变形。

图 - 使用组件变形：

组件变形过渡效果

如果你给两个变形中的相同元素设置了不同的属性，比如颜色，那么在切换变形时，Creght 会自动添加 0.3s 的过渡效果。