Difference between sizing and dimensions

Hello, in the design token I don’t quite understand the difference between dimensions and sizing.

There’s not really a difference in Penpot. The sizing, spacing, stroke width, and border radius tokens all have the same function as dimension tokens. If you create a dimension token, you can apply it to width, height, padding, gaps, margins, strokes, border radius and so on. You could think of these token types as sub-types of the dimension token which give you extra guidance on how/where to use them.

However, these sub types are not part of the Design Tokens Community Group specification, so if you are creating tokens that aren’t being transformed in code/have to be strictly compatible with other platforms, you should stick with dimensions.

Does that help?

6 Likes

Thanks for your response

1 Like