Figma 是一款功能强大的设计工具，可帮助你创建任何内容：网站、应用程序、logo 等等。

通过学习使用 Figma，你将迈出用户界面设计和用户体验设计的第一步。在你为自己或者为你自己的公司创建一个优秀的作品时，这些技能将非常有用。

在这个 Figma 入门教程中，我将使用来自 Frontend Mentor 的真实项目网站，我们将在 Figma 中重新创建该网站。通过构建项目来学习是巩固知识的好方法，因此我建议你下载素材并跟着教程动手创建。Figma 入门教程视频版本。

在我们探索 Figma 的不同功能时，我将把这个教程分成很多部分，包括：

• 帐户设置

• 设计文件

• 设计素材

• 如何开始——基础知识

• 框架

• 网格列和行

• 形状

• 导入图像

• 标记和分组

• 文本

• 导航栏

• 按钮设计

• 标题和缩放

• 附加文本设置

• 主页横幅和 Figma 层

• 组和部分

• 字体和 Figma 颜色

• 文本行高和间距

• 对齐和捕捉

• 使用形状和图像进行遮罩

• 复制组和节

• 更新部分

• 颜色选择器和复制部分（续）

• 颜色选择和选择正确的色调

• 推荐区

• 自动布局

• 自动布局选项

• 自动布局对齐

• 自动布局内容

• 图库图片

• 调整图像大小

• 页脚

• SVG 颜色和叠加编辑

• 自动布局菜单页脚

• 图层工具栏、隐藏和锁定

• 原型查看器

• 框架和页面

• 原型交互

• 原型交互导航到页面

• 共享测试和预览原型

• 导出页面

• 导出组或部分

在本文中，我将简要概述本教程的一些主要部分，以便你可以开始在 Figma 中进行设计。

介绍

让我们首先在 Figma 网站上创建一个帐户。你可以在 Figma.com 执行此操作。