Skip to main content

The use case is very simple:

Instead of creating a component for “bundles of characteristics”, it would be nice to create classes that you could use to style elements.


The most common example would be within cards.

You would create a class that includes these styles for the card :



  • Shadow

  • Border radius

  • Background color

    And you would use this class to style every card component.


The problem now is that you can:



  • Either create a card component with a slot, which is not always ideal because you have to make sure that the content always behaves as wanted within the card

  • Style with variables or styles each element of the card everytime


Classes would really make life of designers easier, and make it more dev friendly.

This seems like it should have been a feature in the very first release of Figma, and would make a huge difference in my productivity

Hi there, Appreciate you sharing your thoughts on create classes!

I understand how much this will help you all and this might be handy for other community members as well.

I have shared your ideas with our internal team for future consideration!


Thanks,

Thanks @Junko3 for your reply.


Hope it gets some attention

Bumping this. 

Also to mention other use-case: to better align with our code. 

We are trying to maintain consistency by using classes in code, but there is no counterpart in Figma. Right now designers have to remember something like “this border goes with this background”, and there is a lot of rooms for human errors. 

This seems like it could be an extension of the existing Styles functionality as “Layer” styles.  You can already copy/paste properties on a layer, why not take it a step further and save properties as a layer style?

  1. Layer styles would be composite styles that apply multiple properties of a layer
    • (i.e., almost everything you can adjust in the right panel).
  2. Layer styles likely need to be scoped to the specific layer type, so that they don’t contain properties that aren’t applicable to the layer type.
  3. Layer styles should allow a style author to configure the code output, similar to functionality in variables.
    • Web: CSS classes
    • Android: ??? (I’m not familar with platform)
    • iOS: ??? (I’m not familar with platform)

Reply


Terms & ConditionsCookie settings