Skip to main content
Question

Best practice for multiple colours but using the same component

  • March 1, 2023
  • 1 reply
  • 794 views
Clare
  • Clare
  • New Participant
  • 15 replies

Hi, my flow is as follows in my organisation with multiple segments of different colours:

Components library figma file (For designer to edit and push changes to Prototyping Tools below)
↳ Main Prototyping Tool figma file (designer changes the instance colour to blue for client to use)
↳ Segment 1 Protyotyping Tool figma file (designer changes the instance colour to black for client to use)
↳ Segment 2 Protyotyping Tool figma file (designer changes the instance colour to brown for client to use)

By only having 1 generic library (because it’s easier to manage), if client changes the state of a button in Segment 1 or 2, it will pull the original colour from my components library. What is the current best practices for organisations with multiple brands/regions? Thanks!

Nathalia_Xavier1
N
Aron_Boros1
3 people like this
  • Nathalia_Xavier1
    Nathalia_Xavier1
  • N
    Natallia_Meurders
  • Aron_Boros1
    Aron_Boros1
This topic has been closed for replies.

1 reply

Stephane_Popout

Best practice is to have another variant field that make the color change.
And instead of changing in 1 & 2, the designer would just select the right variant

It’s how it’s done in most librairies (check Untitled UI for example)

It creates bigger components but I don’t see any other way around

Terms & ConditionsCookie settings

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