How to change the color of stroke with token?

Hello,
i’m working on a design system wich will be used for many differents producs. So tokens are very usefull for it (thanks a lot!). I have somme components with colored stroke. I need to change color of these stroke for every product. I’d like make it with tokens, but i can’t find how to do that. Somebody could help me ? Thanks a lot in advance.

Hi @sophie!

Here’s how you do it:

  1. Create your color token :smile:
  2. Select the object or layer (with a stroke) where you want to apply the stroke color
  3. Right-click the color token to bring up the tokens menu
  4. Choose the stroke property to apply your design token to the stroke color property for the selected object/layer

This menu works for every token and selected layer/object. It will always show the properties for the currently selected layer/object where the chosen token can be applied.

(In the future you’ll be able to set design tokens from the Design panel too… it’s really exciting!)

2 Likes