Skip to main content
ottovortici
ottovortici
February 12, 2024

Would be nice to be able to create the equivalent of Classes on Figma

  • February 12, 2024
  • 5 replies
  • 477 views

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.

    5 replies

    Matt_Meeks
    Matt_Meeks
    Active Member
    February 12, 2024

    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

      Figmate
      Junko3
      Figmate
      February 14, 2024

      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,

        ottovortici
        ottovorticiAuthor
        February 14, 2024

        Thanks @Junko3 for your reply.

        Hope it gets some attention

          Calvin_Kuo
          Calvin_Kuo
          New Participant
          May 22, 2025

          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. 

          Johnson_Ryan
          Johnson_Ryan
          Active Member
          May 22, 2025

          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)
          Terms & ConditionsAccessibility statement