Skip to main content

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

  • February 12, 2024
  • 5 replies
  • 337 views

ottovortici

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
  • Active Member
  • 20 replies
  • 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
  • 2144 replies
  • 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
  • Author
  • 5 replies
  • February 14, 2024

Thanks @Junko3 for your reply.

Hope it gets some attention


Calvin_Kuo
  • New Participant
  • 10 replies
  • 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
  • Active Member
  • 21 replies
  • 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)

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings