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

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

35 篇文章 3163327 位观众

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

2023-07-24更新

收藏 1217

正序倒序

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

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

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

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

1

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

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

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

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

2

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

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

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

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

3

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

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

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

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

4

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

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

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

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

5

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

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

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

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

6

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

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

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

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

7

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

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

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

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

8

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

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

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

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

9

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

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

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

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

10

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

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

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

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

11

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

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

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

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

12

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

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

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

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

13

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

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

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

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

14

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

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

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

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

15

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

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

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

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

16

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

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

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

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

17

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

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

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

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

18

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

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

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

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

19

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

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

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

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

20

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

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

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

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

21

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

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

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

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

22

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

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

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

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

23

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

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

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

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

24

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

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

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

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

25

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

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

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

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

26

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

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

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

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

27

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

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

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

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

28

高效插件第二波！我希望能早点知道的 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插件

29

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

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

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

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

30

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

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

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

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

31

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

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

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

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

32

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

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

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

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

33

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

收藏本专题 1217

查看更多专题

发评论！每天赢奖品

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

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

本期奖品

AI辅助海报设计101例

已累计诞生 732 位幸运星

查看获奖名单

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

{{ moreBtnTxt }}

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

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

大家都在看

AIGC自学指南

64篇文章

中文字体

21篇文章

英文字体

14篇文章

职场规划

35篇文章

设计趋势

55篇文章

品牌设计

28篇文章

二十四节气海报设计

24篇文章

ChatGPT 使用指南

23篇文章

车载设计

32篇文章

热门频道

设计灵感

支持与服务

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

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

微信号：扫码添加

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

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航