4.4.0

What's new

📐 Grid tokens are now supported! In Sketch, you can add a global grid setting to have it extracted and mapped to a token, for Figma create an artboard format e.g. primitives/grid/global.

Grids alone, for now, are not as useful as the other tokens, but they do allow you to create consistent margins and paddings based on the grid size in your applications. Only the size is exposed as a numeric value, we are looking at support for deriving padding directly from your components in Sketch & Figma.

// Generic tokens
{
  …,
  "grid": {
    "size": 8
  }
}

// Style Dictionary
{
  …,
  "grid": {
    "global": {
      "value": 8,
      "comment": "Global grid size definition"
    }
  }
}

🚀 Features

• Add support for grid tokens #66

Thanks to contributors for this release: @thibmaek