freeCodeCamp.org
Learn Figma for UI/UX Design
8.5Score
TL;DR · AI 摘要
Figma 是 UI/UX 设计的高效工具，本文提供从基础到高级的全面学习路径，含 6 小时视频教程。
核心要点
- 课程涵盖 Figma 界面、工具、快捷键及高级组件使用。
- 通过实际项目（如旅游、餐饮应用）掌握从低保真线框图到高保真原型的流程。
- 学习多维组件和 3D 网页元素等高级技术，构建专业设计作品集。
结构提纲
按章节快速跳转。
介绍 Figma 的基本功能和界面布局。
讲解核心工具和常用快捷键，提升工作效率。
学习专业风格指南和配色系统，确保设计一致性。
从低保真线框图到高保真原型的完整流程。
深入探讨多维组件和 3D 网页元素等高级功能。
通过实际项目练习，巩固所学知识并构建作品集。
思维导图
用一张图看清主题之间的关系。
查看大纲文本（无障碍 / 无 JS 友好）
- Learn Figma for UI/UX Design
金句 / Highlights
值得收藏与分享的关键句。
The course covers Figma interface, tools, and essential shortcuts.
Through hands-on, real-world projects like travel and food delivery apps, you’ll gain practical experience.
Advanced techniques such as multi-dimensional components and 3D web elements are included.
#Figma#UI/UX#设计工具#在线课程
打开原文学习 Figma 进行 UI/UX 设计
URL 来源: https://www.freecodecamp.org/news/learn-figma-for-ui-ux-design/
发布时间: 2026-05-28T20:41:43.120Z
[](https://www.freecodecamp.org/)
掌握完整的 UI/UX 设计工作流程。
我们刚刚在 freeCodeCamp.org 的 YouTube 频道上发布了一门全面的六小时课程，带你从 Figma 基础到专业级别的高保真原型设计。通过实际操作的现实项目，如旅游和食品配送应用，你将获得使用高级组件、自动布局和 3D 元素构建生产就绪设计作品集的实践经验。这门课程由 Wish Naik 开发。
你将学习核心的 Figma 工具和高级的 UI/UX 概念，包括：
- Figma 界面、工具和基本快捷键
- 专业样式指南和色彩系统
- 从低保真线框图到高保真原型
- 组件、自动布局和约束
- 实际项目，如旅游网站、汽车经销商网站和食品配送应用
- 高级技术，如多维组件和 3D 网页元素
在 freeCodeCamp.org YouTube 频道上观看完整课程（6 小时）。
免费学习编程。freeCodeCamp 的开源课程已帮助超过 40,000 人找到开发人员工作。立即开始