将图层添加到框架中

现在我们的主角的基本元素已经完成，我们需要一种方法来将它们保持在一起。让我们将它们添加到画板中。

将你的图层添加到框架

框架 是 Figma 中的核心构建块。它们作为其他图层的容器，允许你将它们组织成连贯的设计。你可以使用画板来创建单个资源，如图标或按钮。或者你设计的不同部分——如导航栏、屏幕或网站或移动应用设计的布局。

要向框架添加图层：

1. 在工具栏中选择 框架 工具或按 F 。
2. 点击并拖动光标围绕所有图层。
3. 检查左侧边栏中的图层部分，确保所有元素都在框架内嵌套。如果它们在框架内，元素将直接缩进在框架下方，并且在点击可见性图标时会在画布上隐藏。如果它们不在框架内，你可以点击并拖动图层到框架中。
4. 要轻松地稍后找到主角，请在图层区域双击框架并将其重命名为 Landing page hero。

暂时将 Landing page hero 框架放在一边。在为我们的作品集创建更多元素后，我们将在后续课程中回到它。

课程总结

做得好！我们通过创建一些基本图层——形状、文本和框架——为我们的作品集网站构建了第一个元素。在您的 Figma 设计旅程中，您将反复使用这些图层。

我们学习了如何通过将图像添加为形状的填充来应用一些基本属性，并使用关键的排版属性创建视觉层次结构。最后，我们将图层放置到命名的框架中以保持所有内容的组织。

如果你喜欢冒险，可以复制你创建的内容并尝试不同的图层属性。设计是一个探索的过程，现在是冒险的好时机。试试那个彩色背景，测试不同的字体家族，看看你喜欢什么！