Skip to main content
Question

Need Help. Change Color of Main Component by making color component . so when you click on one color e.g., red the main button component will be red and so on

  • March 9, 2023
  • 1 reply
  • 1419 views

Mustafa_JD

I am Trying to make a theme based product prototype where i am using all the components to form a page instance. I want to make a theme e.g. red theme of my product with all buttons red. now if i manually change the colour of Main button to blue it will change all instances of the theme in prototype and lets call it blue theme. now i want to place a button/toggle in prototype for myself, to choose between red or blue which would change the colour of the main component hence changing the whole theme colour . this way i don’t have to make a copy of whole product with 10s of pages again in different design file with duplicate components.

This topic has been closed for replies.

Stephane_Popout

Hi, I don’t think you can add buttons with such actions on figma…
However, there is this plugins Tokens Studio for figma that allows you to define different themes and easily switch between them.
Their tutorial is enough to understand how it works 🙂

Tokens Studio for Figma (Figma Tokens) | Figma Community


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