改变elementui卡片crad样式_Figma 最佳实践：组件、样式和共享库（上）

导读：这是一篇来自 Figma 官方博客的最佳实践指南，介绍了 Figma 最强大的两个特性——组件和共享样式，并通过一系列的实例讲述了什么时候该创建组件，如何合理创建组件，共享样式的使用，以及该如何组织这些共享的库。 全文较长，将分两次发布。

Figma 最强大的两个特性就是组件和共享样式。你可以通过它们来系统性地复用一些界面模块和样式属性。我们创建一个组件后，它就是一个 master 组件，之后从它复制出去的组件都是它的组件实例，修改 master 组件会同步到它所有的实例。所以，当你需要更新一些东西时，比如说基本链接颜色和某个图标，只需要调整 master 组件或来源样式即可。

对于不同的付费计划，Figma 组件和共享样式有不同的使用范围：

• 免费模式：在 Figma 的单个文件内
• 专业版：在 Figma 的不同项目或文件内
• 团队版：在 Figma 的不同团队之间

当我们在创建、命名或组织组件和样式时，需要考虑很多很多事情。所以，在这里我们整理了一份最佳实践指南，来帮助你更好地使用 Figma。文章较长，你可以冲一杯咖啡，边喝边看。

在开始之前，你需要先弄明白哪种付费计划适合你。下面有一份文章目录，你可以选择性地跳跃着观看感兴趣的部分。

• 快速概览
• 什么时候该创建组件？
• 组件最佳实践
• 样式库和一些小技巧
• 组织你的共享库
• 最后的想法

快速概览：组件和样式是什么？

如果你已经知道了组件、样式和共享库，可以跳过这一章节。

创建、发布、共享组件和样式

组件是可以在你的设计中反复使用的页面元素。它可以简单到一