与Axure一样,Figma里面也有组件功能。而且Figma里面的组件更为重要,还会有对应的属性。这篇文章,我们看看作者是如何帮我们梳理的。哈啰,大家好,我是廖尔摩斯丨设计大侦探!今天向大家分享我最新整理的Figma知识卡片-技能卡-组件。这张卡片将会详细讲解Figma的组件,以及它的四大属性、实操应用以及使用原则,希望对你有所帮助!一、什么是组件?我们先来看Figma官方的定义。组件是可以在设计中重复使用的元素,它有助于创建和管理跨项目的一致设计,您可以从您设计的任何图层或对象创建组件,这些可以是各种各样的东西,例如按钮、图标、布局等等。组件有两个方面:主组件定义了组件的属性,而实例是您可以在设计中重复使用的组件的副本,实例与主组件相链接,并接收对组件所做的任何更新。从这个定义可以看出,组件的本质其实就是解决设计的统一性,以及通过更换母组件就能让所有的实例组件同步更新。想想一个设计文件中成百上千的元素,如果要保证完整统一的样式及标准,如果没有组件,几乎很难实现。二、组件的属性组件有四大属性,分别是变体属性、文本属性、布尔属性和实例交换属性。1. 变体属性变体可以定义组件的不同变化,例如其不同的状态、大小或颜色等。变体是组件最重要的属性,相比其他三个属性,变体的使用频率和应用场景也最多。结合一个我们最常见的按钮来做解读。一个按钮,可以按类型分为主要、次要、虚框、线框按钮,按形状分为
...
继续阅读
(4)