资源介绍
Figma 全民设计指南：快速打造精美 APP 与网站（中文字幕英文视频教程）
在数字设计领域，Figma 凭借其云端协作的便利性、功能的全面性以及对新手的友好度，成为了设计爱好者和专业人士的首选工具。无论你是完全没有设计基础的小白，还是希望提升效率的职场人，亦或是想转行进入 UI/UX 设计领域的新手，这门《Figma 全民设计指南：快速打造精美 APP 与网站》课程都能满足你的需求，帮助你快速掌握 Figma，轻松设计出令人惊艳的 APP 和网站。
本课程共分为五个核心模块，从 Figma 的基础入门到高级的原型设计，循序渐进地带领你掌握 Figma 的各项功能，让你在短时间内具备独立完成设计项目的能力。
第一模块 “开启 Figma 之旅”，将带你迈出学习 Figma 的第一步。在 “Figma 界面” 这一课时中，你会全面认识 Figma 的工作界面。软件的界面布局看似复杂，但其实每个区域都有其特定的功能。你将了解到工具栏中各种工具的位置和基本用途，比如选择工具、移动工具等，这些是进行设计操作的基础。同时，你还会熟悉画布区域，这里是你施展设计创意的地方，以及面板区域，像属性面板、图层面板等，它们能帮助你对设计元素进行精确的设置和管理。通过这一课时的学习，你能快速上手 Figma，不再对陌生的界面感到无所适从。
而 “浏览器中安装字体” 课时，则解决了设计中字体使用的关键问题。在设计过程中，合适的字体能为作品增色不少，但有时我们需要的字体在 Figma 中并没有默认提供。这一课时会详细讲解如何在浏览器中安装各种字体，确保你在 Figma 中能够顺畅地使用自己喜欢的字体，让你的设计作品在文字表现上更加丰富多样，避免因字体缺失而影响设计效果。
第二模块 “文件设置”，是设计工作的前期准备阶段，打好这个基础能让后续的设计工作更加高效。“创建文件” 课时，将教你如何根据不同的设计需求创建合适的文件。无论是设计 APP 界面还是网站页面，都需要设置正确的画布尺寸、分辨率等参数。你会学习到如何选择预设的模板，以及如何自定义设置文件属性，让你的设计文件从一开始就符合项目要求。
“创建和编辑框架” 课时，对于设计布局来说至关重要。框架就像是设计元素的容器，在 APP 和网站设计中，各种界面元素都需要放置在合适的框架内。你将学习到如何创建不同大小和形状的框架，以及如何对框架进行调整、移动和对齐等操作。掌握框架的使用技巧，能让你的设计布局更加规范、整齐，提高设计的专业性。
“创建页面” 课时，则让你学会对设计项目进行合理的组织。一个完整的设计项目往往包含多个页面，比如 APP 的首页、详情页、设置页等。在这一课时中，你会了解到如何创建新的页面，如何对页面进行命名、排序和删除等操作。通过合理地创建和管理页面，你可以让整个设计项目的结构更加清晰，方便自己和团队成员查看和编辑。
第三模块 “添加内容”，是设计作品的核心创作阶段，让你的设计从空白变得丰富多样。“形状” 课时，将带你认识和使用 Figma 中的基本形状工具，如矩形、圆形、三角形等。你会学习到如何绘制这些基本形状，以及如何调整它们的大小、颜色、边框等属性。这些基本形状是构成设计作品的基础元素，通过组合和变换，能创造出各种复杂的图形效果。
“自定义形状” 课时，进一步拓展了你的设计可能性。除了基本形状，很多时候我们需要独特的自定义形状来满足设计需求。这一课时会教你如何利用钢笔工具等工具绘制自定义形状，以及如何对形状进行布尔运算（如联合、减去、相交等），创造出富有创意的独特图形，让你的设计作品更具个性。
“钢笔工具” 课时，是绘制精确路径和形状的关键。钢笔工具的使用相对复杂，但却是设计中不可或缺的工具。你将学习到钢笔工具的基本操作，如何绘制直线、曲线，如何调整锚点和手柄，以达到精确绘制各种形状的目的。掌握钢笔工具，能让你在设计图标、插画等元素时更加得心应手。
“图像” 课时，教你如何在设计中插入和处理图像。图像是设计作品中重要的视觉元素，无论是产品图片、背景图片还是图标等，都需要正确地插入到 Figma 中。你会学习到如何上传本地图像，如何从网络上获取图像并插入到画布中，以及如何对图像进行缩放、裁剪、旋转等基本处理，让图像更好地融入你的设计作品。
“遮罩” 课时，能让你对图像和图形进行更巧妙的处理。遮罩可以隐藏部分图像或图形，只显示需要的区域，创造出各种特殊的视觉效果。在这一课时中，你会学习到如何创建遮罩，如何调整遮罩的范围和形状，以及如何应用遮罩来制作渐变效果、图片裁剪等，让你的设计作品更具层次感和艺术感。
“效果和混合” 课时，为你的设计作品增添更多视觉魅力。你可以为设计元素添加阴影、发光、渐变等效果，以及使用混合模式改变元素之间的融合方式。这一课时会详细讲解各种效果和混合模式的参数设置和应用场景，让你学会如何运用这些功能提升设计作品的质感和视觉冲击力。
“使用组件和 Fig 文件” 课时，能极大地提高你的设计效率。组件是可以重复使用的设计元素，比如按钮、图标等，创建组件后，你可以在设计中多次调用，并且修改一个组件，其他所有引用该组件的地方都会自动更新。同时，你还会学习到如何使用 Fig 文件，分享和复用他人的设计资源，节省设计时间，提高工作效率。
“文本” 课时，让你掌握文字设计的技巧。文字在设计中不仅是信息的传递者，也是重要的视觉元素。你会学习到如何在 Figma 中添加文本，如何设置文本的字体、大小、颜色、对齐方式等属性，以及如何创建文本样式并重复使用。通过合理的文字设计，能让你的设计作品在信息传达和视觉表现上都更加出色。
第四模块 “其他重要内容”，涵盖了设计过程中一些关键的辅助功能，帮助你提升设计的质量和效率。“图层” 课时，教你如何管理设计元素的图层顺序和属性。图层就像是设计作品的叠加层，不同的设计元素位于不同的图层上，通过调整图层的顺序，可以改变元素的显示优先级。你还会学习到如何隐藏、锁定图层，以及如何对图层进行分组和命名，让复杂的设计项目结构更加清晰，便于编辑和修改。
“创建和使用样式” 课时，能保证设计的一致性。样式包括颜色样式、文本样式、效果样式等，创建样式后，你可以在设计中统一应用，并且修改样式时，所有应用该样式的元素都会自动更新。这一课时会让你学会如何创建、编辑和管理样式，确保你的设计作品在视觉风格上保持统一，提升设计的专业性。
“创建和使用组件” 课时，进一步深化了组件的应用。除了第三模块中提到的组件基础知识，这一课时会讲解更高级的组件用法，如创建变体组件（不同状态的组件，如按钮的正常状态、hover 状态等），以及如何通过组件库管理组件，让组件的使用更加灵活和高效，特别适合团队协作和大型设计项目。
第五模块 “原型设计”，让你的设计作品从静态走向动态，展现出交互效果。“开始原型设计” 课时，带你进入原型设计的世界。你会了解到原型设计的基本概念和流程，学习到如何在 Figma 中创建原型页面，以及如何设置页面之间的连接关系，为后续添加交互效果做好准备。
“为设计添加交互性” 课时，是原型设计的核心。你会学习到如何为设计元素添加各种交互效果，比如点击按钮跳转页面、滑动切换内容等。这一课时会详细讲解交互的触发条件、动作和目标等参数设置，让你学会如何模拟真实的用户操作场景，制作出具有交互体验的原型。
“滚动” 课时，让你掌握原型中滚动效果的设置。在很多设计中，页面内容会超出画布范围，需要设置滚动效果才能查看全部内容。这一课时会教你如何设置垂直滚动、水平滚动以及无限滚动等效果，让你的原型更加贴近实际的产品体验，方便进行用户测试和演示。
通过学习这门课程，你将从 Figma 的新手成长为能够独立完成 APP 和网站设计的高手。你不仅能掌握 Figma 的各项功能和操作技巧，还能学会设计的基本思路和方法，培养良好的设计习惯。无论你是想为自己的项目设计界面，还是想从事 UI/UX 设计工作，这门课程都能为你打下坚实的基础，让你在设计的道路上快速前进，轻松打造出既美观又实用的设计作品。