首页
热门专题
设计专题
从零开始掌握 Figma

从零开始掌握 Figma 《基础操作、高级技巧到高效插件应有尽有》

52 篇文章 3984840 位观众

随着国内外越来越多设计师和团队使用 Figma ，这个神器已经成为新一代的 UI 设计神器。本专题囊括了超全面的入门手册和进阶技巧，更有超多提高生产力的 Figma 插件放送，想用 Figma 的千万别错过。

2025/08/01更新

收藏 1319

正序倒序

软件动态从设计到开发一步到位！Figma 5大新功能深度解析！

从设计到开发一步到位！Figma 5大新功能深度解析！

本文除了会介绍 Figma 的最新更新内容，还会在后文分享一些实用的 Figma 使用教程。

言川Artie 5.3w 人阅读 2025/05/24 Figma Figma 2025

1

软件动态能否替代Adobe？深度解析Figma 2025五个重磅更新

能否替代Adobe？深度解析Figma 2025五个重磅更新

Figma 这次更新不仅仅是功能的增加，更是工作方式的革命。年度大招能否终结Adobe霸主地位？

彩云Sky 2.8w 人阅读 2025/05/14 Figma Figma 2025

2

软件动态 Figma 2025重磅更新！从UI到全能设计工具的跨越

Figma 2025重磅更新！从UI到全能设计工具的跨越

今年2025年的5大更新比往年更加重磅，一起来看看！

龙爪槐守望者 2.9w 人阅读 2025/05/10 Figma Figma 2025

3

进阶技巧 Figma高阶技能系列：90%设计师都忽略的组件四大属性！

Figma高阶技能系列：90%设计师都忽略的组件四大属性！

今天将会详细讲解 Figma 的组件，以及它的四大属性、实操应用以及使用原则，希望对你有所帮助！

廖尔摩斯丨设计大侦探 3.0w 人阅读 2024/12/25 Figma Figma技巧

4

进阶技巧 Figma高阶技能系列：学会自动布局，让工作效率指数级提升！

Figma高阶技能系列：学会自动布局，让工作效率指数级提升！

今天向大家分享我最新整理的 Figma 知识卡片-技能卡-自动布局，希望对你有所帮助！

廖尔摩斯丨设计大侦探 1.6w 人阅读 2024/12/25 Figma Figma技巧

5

进阶技巧 Figma 的 Frame 和 Group 有哪些区别？5分钟带你快速了解！

Figma 的 Frame 和 Group 有哪些区别？5分钟带你快速了解！

到底什么时候应该用 Frame，什么时候应该用 Group 呢？这两者到底有什么区别呢？

Ant Design 元尧 1.5w 人阅读 2025/03/03 Figma Figma使用技巧

6

进阶技巧 6000字干货！设计师如何用Figma解放三倍生产力？

6000字干货！设计师如何用Figma解放三倍生产力？

本文将设计团队接触 Figma 以来的重要心得和经验进行梳理总结，帮助大家更好理解和掌握 Figma。

Andrew 4.5w 人阅读 2023/11/15 Figma UI设计

7

进阶技巧让团队效率提高48%！我是如何有效构建Figma组件的？

让团队效率提高48%！我是如何有效构建Figma组件的？

如何构建一个用得上且提高工作效率的组件库？来看高手的分享。

Mingzhi 3.1w 人阅读 2023/11/05 Figma UI设计

8

进阶技巧大厂出品！如何基于Figma 做好团队设计文件的整理？

大厂出品！如何基于Figma 做好团队设计文件的整理？

Figma对设计的提效是显而易见的，对文件的整理显然也提出高效的解决方案，而我们如何更好的利用这款软件，发挥他的价值呢？

LXDC 3.4w 人阅读 2023/10/04 Figma UI设计

9

进阶技巧知识点+实操案例！教你用Figma画出3D质感UI

知识点+实操案例！教你用Figma画出3D质感UI

教你用光影、色彩和图层结构，模拟出真实世界中的材质与立体感。

一颗鸡蛋黄 4.5w 人阅读 2025/06/23 3D设计 Figma

10

高效插件字节跳动开源神器！快速生成图表的 Figma 插件：VChart

字节跳动开源神器！快速生成图表的 Figma 插件：VChart

10 种图表类型+24 种内置模板类型+丰富的图表样式配置+自动生成图表实现代码=字节跳动的免费开源神器！

歌呜啊瓜 7.2w 人阅读 2024/12/03 Figma Figma插件

11

高效插件提高两倍效率！5个UI设计师常用的Figma插件

提高两倍效率！5个UI设计师常用的Figma插件

今天给大家整理了一波常用的 Figma 插件，让你的 UI 设计工作变得更加高效。

AGI设计之路 3.6w 人阅读 2024/09/26 Figma Figma插件

12

高效插件 Figma 神级插件合集！9个UI/UX设计师必备的 Figma 提效插件

Figma 神级插件合集！9个UI/UX设计师必备的 Figma 提效插件

本文推荐了9个实用的 Figma 插件，有很多都是集成了AI功能的，基本都有免费使用次数，大家可以按需自取。

AGI设计之路 4.4w 人阅读 2024/08/03 Figma Figma插件

13

高效插件提高三倍效率！17个腾讯高手都在用的 Figma 插件

提高三倍效率！17个腾讯高手都在用的 Figma 插件

本文为大家整理了17个热门的创意插件，向我们展示了未来设计工作方向和可能性。

ISUX 6.2w 人阅读 2024/05/14 Figma Figma插件

14

高效插件为了告别图层命名的重复劳动，我做了一款高效 Figma 插件

为了告别图层命名的重复劳动，我做了一款高效 Figma 插件

本文将详细介绍一款Figma插件Rename Helper的灵感来源、功能特点以及使用方法。

设计防潮箱 3.4w 人阅读 2024/05/29 Figma插件 图层命名

15

高效插件完全免费！一键生成矢量地图+树形菜单的Figma插件来了！

完全免费！一键生成矢量地图+树形菜单的Figma插件来了！

经过将近 5 天时间的努力（构思+设计+代码），一口气开发了两款 Figma 插件。

灰色执照 5.2w 人阅读 2023/09/10 Figma Figma插件

16

高效插件超好用！2024 Figma 必备的10个神级插件

超好用！2024 Figma 必备的10个神级插件

今天为大家整理了 2024 Figma 新手必备的十大神级插件，无论是简化工作流程、提升设计效率，还是解锁全新的创意维度，这些插件都将成为你不可或缺的利器。

Design Superman 9.8w 人阅读 2024/01/16 Figma Figma技巧

17

软件动态为了让你做好组件设计，Figma 更新了哪些功能？

为了让你做好组件设计，Figma 更新了哪些功能？

Figma 更新的最核心功能当属 Variables 了。今天我们就来聊聊这个话题。

Ant Design 元尧 7.9w 人阅读 2023/07/18 Figma Figma Config 2023

18

软件动态 Figma 全新功能有多炸裂？我总结了这核心3点！

Figma 全新功能有多炸裂？我总结了这核心3点！

大会已结束，我们来看看这次 Figma 具体更新了什么，真有那么炸裂？

Micoxx 6.4w 人阅读 2023/06/27 Figma Figma Config 2023

19

软件动态 Figma Config 2023大会落幕！帮你快速了解全部新功能：简要版

Figma Config 2023大会落幕！帮你快速了解全部新功能：简要版

本文为普及型文章，帮助大家快速了解 Figma Config 2023 更新的新功能。

波波BobbyHe 3.8w 人阅读 2023/06/26 Figma Figma Config 2023

20

基础教程万字干货！写给小白的Figma全面入门手册

万字干货！写给小白的Figma全面入门手册

本文从 Figma 的基础功能、进阶功能、迁移准备，分别对应初学者最初接触搭建基础、进阶学习高级功能、正式迁移转变工具的三个阶段做一个全面的介绍。

土拨鼠 57.3w 人阅读 2020/11/06 Figma Figma插件

21

基础教程看不懂英文？收下这份超全面的 Figma 中英对照表！

看不懂英文？收下这份超全面的 Figma 中英对照表！

今天给大家分享下 Figma 软件的中英文对照表，之后就算没有插件或者 Figma 频繁更新，也不用担心看不懂了～

酸梅干超人 8.9w 人阅读 2021/12/22 Figma figma中文版

22

基础教程保姆级教程！最容易上手的 Figma 操作指南！

保姆级教程！最容易上手的 Figma 操作指南！

如果你是从零开始了解Figma，这篇保姆级的Figma 教程可以帮你快速上手。

辞典酱 32.4w 人阅读 2020/12/01 Figma Figma教程

23

软件动态 Config 2022 落幕！这15项新功能让 Figma 更简单好用了

Config 2022 落幕！这15项新功能让 Figma 更简单好用了

2022 年 Config 已经落幕，这次大会向世界展示了 Figma 的 15 项新功能，及这些功能如何更好的帮助人们使用 figma 进行创作工作，一起来看看吧~

夏花生 3.3w 人阅读 2022/05/17 Config 2022 Figma

24

进阶技巧即学即用！8个Figma组件和变体进阶应用技巧

即学即用！8个Figma组件和变体进阶应用技巧

最近在使用 Figma 搭建组件库，总结了8个搭建组件和变体的方法技巧，让搭建过程更高效易懂、设计协作更易用。

ALEI 8.4w 人阅读 2022/10/26 Figma Figma组件

25

进阶技巧腾讯高手出品！10个提高设计效率的Figma技巧

腾讯高手出品！10个提高设计效率的Figma技巧

本文分享了10个能提高两倍效率的Figma技巧，还囊括超多实用插件，设计师快来收！

腾讯设计族 6.9w 人阅读 2022/12/16 Figma Figma技巧

26

进阶技巧如何用 Figma 制作一份可交互的作品集？来看这份超全指南！

如何用 Figma 制作一份可交互的作品集？来看这份超全指南！

本文将分享如何将原本投递的静态PDF作品集升级为动态可交互的作品集，文末会分享「Figma简历模板」和「Figma可交互作品集模板」哟

波波BobbyHe 5.6w 人阅读 2022/08/06 Figma 作品集

27

进阶技巧用四大章节，帮你10分钟学会 Figma 组件库的搭建和使用

用四大章节，帮你10分钟学会 Figma 组件库的搭建和使用

本文从组件库的搭建、发布、更新和使用等多个方面，帮你从零开始学会用 Figma 搭建组件库。

波波BobbyHe 6.8w 人阅读 2022/08/01 Figma 组件库

28

进阶技巧 6000字干货！如何用 Figma 搭建系统组件库？

6000字干货！如何用 Figma 搭建系统组件库？

相比 Sketch，Figma 在 Auto layout、变体和实例等方面极大的提升了组件库的设计灵活度和效率。

百度MEUX 11.6w 人阅读 2022/02/28 Figma 组件库

29

进阶技巧想更快上手Figma？收下 9 个提高工作效率的小技巧！

想更快上手Figma？收下 9 个提高工作效率的小技巧！

编者按：使用 Figma 创建设计系统，或者处理大型设计项目的时候，总会牵涉到批量修改、快速定位、自动布局方面的问题，Marc Andrew 的这篇文章分享了9个小技巧，这些技巧能够在很大程度上提升设计的效率，希望对你有所帮助。这些文章同样来自 Marc Andrew：第八波！快速提升 UI 设计效果的 6 个小技巧编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。

陈子木 3.7w 人阅读 2021/12/23 Figma Figma教程

30

进阶技巧用一篇文章，从零开始帮你用好 Figma 的组件库功能

用一篇文章，从零开始帮你用好 Figma 的组件库功能

本文将使用 Figma 这个软件，教大家如何使用超方便的 Component 的功能。

斜杠7湿兄 10.7w 人阅读 2021/12/20 Figma Sketch

31

进阶技巧 Figma设计指南！15000 字带你了解这款设计神器

Figma设计指南！15000 字带你了解这款设计神器

本文主要从4个章节讲解Figma的一站式设计交付，从介绍、理论、设计系统、原型交互、审查元素等方面，掌握 Figma 这个神器。

Jeason 12.0w 人阅读 2021/12/06 Figma 设计神器

32

进阶技巧 Figma进阶干货！从零开始构建自适应组件指南

Figma进阶干货！从零开始构建自适应组件指南

本文主要分享我们平时在项目中使用自动布局的一些经验和方法，从 0-1 结合案例，详细讲解我们是如何使用 Figma 自动布局搭建自适应组件。

AsiaInfo Design 9.7w 人阅读 2021/01/08 Figma Figma设计

33

进阶技巧学会这个Figma新功能，让你的作品集变得Niubility！

学会这个Figma新功能，让你的作品集变得Niubility！

作为设计师都希望自己能在关键时刻展示一个Niubility的作品集，但如何能与众不同，给人眼前一亮这个问题却令人头疼。于是我找到了一个Niubility的方式：把作品集造到Figma里。

土拨鼠 5.8w 人阅读 2020/12/14 Figma 作品集

34

进阶技巧如何利用Figma构建组件库？我们团队总结了这篇经验

如何利用Figma构建组件库？我们团队总结了这篇经验

最近团队尝试使用Figma构建一套适用团队的组件库与规范，发现 Figma 比 Sketch 的构建方式要更简单和更灵活，本文主要分享了我们团队在创建组件库中的一些经验方法。

AsiaInfo Design 13.8w 人阅读 2020/07/27 Figma 组件库

35

高效插件提高200%的效率！13个腾讯设计师常用的Figma插件

提高200%的效率！13个腾讯设计师常用的Figma插件

QQ 设计师在日常工作中反复实验，终于找到了这13个宝藏插件，让你成为高效的设计师。

腾讯设计族 8.2w 人阅读 2022/12/12 Figma Figma插件

36

高效插件 20个大厂设计师常用的高效Figma插件！免费易用

20个大厂设计师常用的高效Figma插件！免费易用

这篇文章将分享 20 个 Figma 的常用插件，都是免费的，能快速提升你的设计效率。

彩云Sky 9.5w 人阅读 2022/09/22 Figma Figma插件

37

高效插件全是高频神器！B端设计师常用的 7 款 Figma 插件

全是高频神器！B端设计师常用的 7 款 Figma 插件

今天分享一下我最常用的 7 款 Figma 插件，每一款都附上了详细介绍。

CE青年 6.4w 人阅读 2022/05/23 Figma Figma插件

38

高效插件如何让Figma效率翻倍？试试这个辅助神器！

如何让Figma效率翻倍？试试这个辅助神器！

本教程是教大家如何使用 Figma 配上效率神器 Quicker ，快速打造适合自己的插件中心。

欢娱设计 2.6w 人阅读 2022/03/11 Figma插件 quicker

39

高效插件这 9 个效率逆天的 Figma 插件，用完回不去了！

这 9 个效率逆天的 Figma 插件，用完回不去了！

本文梳理了9个提升效率的 Figma 插件，你一定用得上！

Andrew 9.7w 人阅读 2021/12/29 Figma Figma插件

40

高效插件这10个效率逆天的Figma插件，用完回不去了！

这10个效率逆天的Figma插件，用完回不去了！

本文推荐10个我自己用过的插件，希望给你们带来更多的效率提升~

Andrew 11.7w 人阅读 2021/12/27 Figma Figma插件

41

高效插件快收藏！22款实用性超强的免费 Figma 插件

快收藏！22款实用性超强的免费 Figma 插件

这篇文章最初发布于 Moonlearning.io ，作者 Christine Vallaure 根据自己的工作经验梳理了一大波优质的免费 Figma 插件

陈子木 5.7w 人阅读 2021/07/19 Figma Figma插件

42

高效插件 UI/UX 设计师必备的 16 款 Figma 插件

UI/UX 设计师必备的 16 款 Figma 插件

编者按：对于 UI/UX 设计师而言，哪些 Figma 插件是必备的？Uiuxwebsites 精选了 16 个必备的插件：今天这篇文章将会分享给设计师 16 个必备的 Figma 插件，这些插件对于提升设计效率会非常有帮助。如果你正在寻找 Figma 插件，下面这篇免费 Figma 插件也值得看看：快收藏！

陈子木 6.7w 人阅读 2021/08/01 Figma Figma插件

43

高效插件帮 UI 设计师极大提升效率的10款 Figma 插件

帮 UI 设计师极大提升效率的10款 Figma 插件

在 UI/UX 设计领域，很多工作已经不用真的从0开始做了。用好插件，往往能让设计工作事半功倍。在 Figma 和 Sketch 这样的设计工具当中，插件赋予了设计更多的可能性，更快的执行效率，更快捷的流程，以及更完善的体系。

陈子木 5.2w 人阅读 2021/06/03 Figma Figma插件

44

高效插件第一波！我希望能早点知道的 11 个 Figma 技巧

第一波！我希望能早点知道的 11 个 Figma 技巧

编者按：这篇文章来自资深 UI设计师 Danny Sapio，他总结了日常设计过程中，使用 Figma 的一些非常快速的设计技巧，希望能帮到大家：Figma 这款设计工具进步真的超级快，在 Sketch 当中很多进阶的、复杂的功能，在 Figma 当中实现起来像呼吸一样简单。我经常能在 Figma 当中碰到一些省时省力的功能和小技巧，每次这样的发现都令我兴奋不已，而这个系列，我就来分享一下这些能够帮助UI设计师事半功倍的小技巧。1、此生最轻松的环形进度条设计方法不清楚是不是所有人都知道这个方法，但是...

陈子木 7.0w 人阅读 2021/05/10 Figma Figma教程

45

高效插件第二波！我希望能早点知道的 10 个 Figma 技巧

第二波！我希望能早点知道的 10 个 Figma 技巧

编者按：这篇文章来自资深 UI设计师 Danny Sapio，他总结了日常设计过程中，使用 Figma 的一些非常快速的设计技巧，希望能帮到大家：上一篇 Figma 设计技巧的分享在这里：第一波！我希望能早点知道的 11 个 Figma 技巧编者按：这篇文章来自资深 UI设计师 Danny Sapio，他总结了日常设计过程中，使用 Figma 的一些非常快速的设计技巧，希望能帮到大家： Figma 这款设计工具进步真的超级快，在 Sketch 当中很多进阶的、复杂的功能，在 Figma 当中实...

陈子木 4.9w 人阅读 2021/05/12 Figma Figma插件

46

高效插件设计干货！让你效率倍增的八款 Figma 插件

设计干货！让你效率倍增的八款 Figma 插件

如今 Figma 有了很多辅助插件体系，下面我将罗列出最省时高效的八个插件。

土拨鼠 4.9w 人阅读 2021/04/04 Figma Figma插件

47

高效插件宝藏资源！14款实用性超强的 Figma 插件和资源

宝藏资源！14款实用性超强的 Figma 插件和资源

越来越多的设计师和设计团队开始选择使用 Figma 来进行 UI 和产品设计了。凭借着快速发展的社区和大量的第三方插件、服务以及素材，加之横跨三大平台（Windows、Mac、Linux），Figma 已经开始全方位地同 Sketch 进行竞争。当然，用 Figma 不仅要熟悉原本的功能，而且要了解并熟悉各种第三方的工具、插件和服务。

陈子木 6.1w 人阅读 2020/12/30 Figma Figma插件

48

高效插件 2020年，一定要试试这 17 款超给力的 Figma 插件

2020年，一定要试试这 17 款超给力的 Figma 插件

Figma 插件能够极大的强化设计师的操作空间，下面，我们一起来看 Setproduct 团队优选的 17 个高素质插件吧。

陈子木 12.3w 人阅读 2020/03/04 Figma Figma插件

49

高效插件我花了三个月从 268 个 Figma 插件里，选出这 10 个最好用的！

我花了三个月从 268 个 Figma 插件里，选出这 10 个最好用的！

Figma 插件功能上线 3 个多月，涌现了 268 个插件。经过笔者这几个月对插件的使用与探索，这 10 款插件已经是日常工作流中提升效率不可或缺的一部分。

阅文体验设计YUX 10.1w 人阅读 2019/11/19 Figma Figma插件

50

本专题已完结，还有82个系列专题

收藏本专题 1319

查看更多专题

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

AI辅助海报设计101例

已累计诞生 753 位幸运星

查看获奖名单

发表评论为下方 2 条评论点赞，解锁好运彩蛋

{{ moreBtnTxt }}

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解立即评论

大家都在看

设计大侦探

34篇文章

AI绘画

13篇文章

品牌设计

28篇文章

设计师专访

45篇文章

设计趋势

55篇文章

文案写作

37篇文章

Midjourney 入门和进阶指南

108篇文章

即时设计的进阶之路

19篇文章

中文字体

21篇文章

热门频道

设计灵感

支持与服务

官方社群
优设官方微信群
01优设AIGC自学交流群
02优设小红书个人IP交流群
03优设设计师交流群
04优设UI设计师交流群
05优设交互设计师交流群
06优设电商交流群
07优设私单群

08优设硬件种草交流群
09优设同城搭子群
10优设大学生交流群
11优设插画师交流群
12优设平面品牌设计师交流群
13优设3D设计师交流群
14优设摄影剪辑爱好者交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微博

@
优设AIGC
400W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航