Support for “border” Design Tokens

Ask the community
1

Hi Penpot community! :waving_hand:

I’ve been following the Design Tokens Community Group specification, and I noticed that the Design Tokens Format includes a composite token type called border, which defines a border using color, width, and style properties.

Example from the spec:

{
  "border": {
    "heavy": {
      "$type": "border",
      "$value": {
        "color": { /* color token or value */ },
        "width": { /* dimension token or value */ },
        "style": "solid"
      }
    }
  }
}

Questions

  • Is there a roadmap or plan to support the border token type as defined in the specification?
  • If so, is there an estimated timeline?
  • Will this work seamlessly with JSON token imports?
  • Are there any recommended workarounds in the meantime?

Thanks in advance! I’m really looking forward to seeing Penpot’s design token support evolve even further :raising_hands:

1 Like