Transforming Tokens Studio's Design System into Graph-Powered Color Generation with Jan Six

Ғылым және технология

Join us for a laid-back jam session with Jan Six & Marco-Christian Krenn, as we navigate the shift from design tokens to a graph-powered color generation system at Tokens Studio. We're digging into our design system, exploring the nifty Node Editor, and revealing the process behind our innovative transformation.
Get a closer look at our Graph Engine here: tokens.studio/tools/resolvers
In this live stream, we're casually walking through our journey, showing how a resolver-based solution can redefine color scales in design systems.
Download the Graph we built: bit.ly/3P26qPm
So, sit back, relax, and enjoy the session. Subscribe and hit the bell for more insights from our team at Tokens Studio.

Пікірлер: 10

  • @12XFactor
    @12XFactor5 ай бұрын

    Good to see that it's node-based. I love the node-based approach in general and hope you take inspiration from software like Houdini, Unreal's Blueprint, Origami, Blender, Substance Designer, etc. etc.

  • @safsafaf2838
    @safsafaf2838 Жыл бұрын

    this looks soooooo good, cannot wait for full version

  • @D4sxysrb
    @D4sxysrb2 ай бұрын

    this would be awseome if it could visual a component

  • @jonnywillis9091
    @jonnywillis9091 Жыл бұрын

    Love this kind of video!! Gives a lot if interesting little insights. I would love a way, think you slightly highlighted it here, to generate a scale with the leonardo api. Inputs would be an array of color keys and contrast ratios. Maybe this will be something I work on when you open up building nodes but would be nice to put in a few colours (very often brands have maybe a primary blue and maybe a darker/ lighter version so could put them all in a single blue palette and go from there).

  • @marcochristiankrenn

    @marcochristiankrenn

    Жыл бұрын

    already on the list :) we just want something that is really robust, but it will come

  • @arturkre5793
    @arturkre5793 Жыл бұрын

    is this a planing / visualisation tool ? or does it output something which can be used somewhere ?

  • @TokensStudio

    @TokensStudio

    11 ай бұрын

    The graph resolver outputs a JSON file which can be executed to obtain the values inside

  • @notme6331
    @notme6331 Жыл бұрын

    Is there a way to hide output handles that aren't used for huge sets?

  • @marcochristiankrenn

    @marcochristiankrenn

    Жыл бұрын

    Do i understand correctly when dropping a set in and you only connected 10 out of 100 values you want to collapse the node to only show the used ones?

  • @notme6331

    @notme6331

    Жыл бұрын

    @@marcochristiankrenn Yeah I notice a lot of the time I don't use all the tokens , but the set makes the node huge

Келесі