Figma Support Forum

Reusable Graphic Styles

  1. Many design systems have components for “cards” that include styling that applied to all cards. However, if one wants to use autolayout, these card components will not work.

  2. The ideal state is something more like this

The reason a card is made a component in the first place is to ensure that each instance of it is using the same style, the same properties.

  1. There should be a way to create reusable graphic styles that bundle together multiple layer properties. These properties would include fill, stroke, effect, layer opacity/blend mode, and border radius. These would be able to named and edited just like any other saved fill or text style. They could be included in libraries and be applied to autolayout layers.

This comment may dovetail a bit with this one, but simpler.

I’d like to create styles that incorporate more than one attribute. For example an input field may have a stroke and a fill and also additional like corner radius, shadow effects, etc. Currently, each of those attributes (except corner radii which apparently can’t be made into a style) are separate styles. It would be helpful to either create a single style that captures all of those attributes…or maybe (and I’m just spitballing here) the ability to link styles so that one “click” automagically applies multiple styles.