Join the Webstudio community

Updated last year

Element token, Family token (parent & child token), Settings included token by choice, Token market.

At a glance

Element token

Token that follows specific element (component) and users can choose what to follow with check marks. In result when I add box element I see only box element tokens. And in future if possible AI recommends some element tokens for newbies.

Family token

It's more like token suggestion system. Today I was trying to manage color tokens but I imagined too much tokens and i thought "Oh how do I search and manage them what name should i give them?" and my brain almost exploded then I just remembered Portfolio template there were following tokens like [Fixed] [inset-0] [z-2]. What if when I add Fixed token app suggest me to add inset-0 or z-2 it appears like pop up or dropdown. Tokens shows up only after Parents. When I add border app suggest me only border color etc.

Settings included token

Some settings like element tag and properties can follow with token. Specially H1, H2, H3 tags and classes for who working on JS custom HTML whatever.

Token market

Token share system people can sell it on market. For designers who is not familiar with codes they can buy responsive websites token that can follow only box element with cheap price I think if designers have structure they can fill it with their contents. For devs more design based tokens. And people who are not familiar with coding and design they can buy full templates with pair price. Main idea is people can buy tokens in cheaper price than templates right? and then manage it by their own.
O
T
5 comments
variables will simplify managing tokens, in particular for colors and spacings its going to be useful
what you are suggesting is tokens that are defined on a component but not available in the global scope
a similar solution could be once we have design components - similar to figma/webflow you will be able to create a component visually

Once you created that component it can provide properties you can customize, so instad of using tokens you can choose it's properties and states and it would set all the right tokens internally
this is all pretty much ideas for now (except variables, those are coming soon)
oh got it goodluck anyway πŸ™Œ
Add a reply
Sign up and join the conversation on Discord