Skip to main content
Nick_Holliday
Nick_Holliday
September 25, 2023
Solved

Variants best practice question

  • September 25, 2023
  • 1 reply
  • 551 views

Im slowly getting used to how to make variants and components for buttons, but im wondering what the best practice for the following would be?..

lets say i have 1 button, that i have 3 variants of - each is a different size and have properties than enable icons to be turned on/off etc.

if i then want to change the colour of the button and all of its variants - i then have to change the colour in ALL 3 of those instances, which is less than ideal. Is there a better way for me to do things so that I can have a base button ‘style’ than i can then make variants off of - so if any core value needs changing i only do it once?

i hope that makes sense. This all gets a bit confusing sometimes 🙂

thanks for any help you can give!
Nick

This topic has been closed for replies.
Best answer by Celine_

Hi Nick! If I understand well, if you would like to switch “designs” between different contexts (here, for instance, when you change a theme with a specific button and its own variants), the Variables feature may be interesting for you. You can have more information in our Help Center article here: https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma Hope it helps!

Figma tutorial: Intro to variables

1 reply

Celine_
Figmate
Celine_Answer
Community Support
October 3, 2023

Hi Nick! If I understand well, if you would like to switch “designs” between different contexts (here, for instance, when you change a theme with a specific button and its own variants), the Variables feature may be interesting for you. You can have more information in our Help Center article here: https://help.figma.com/hc/en-us/articles/15339657135383-Guide-to-variables-in-Figma Hope it helps!

Figma tutorial: Intro to variables
Terms & ConditionsAccessibility statement