New demo template: Math functions in design tokens

I’ve created a new template to demo math functions in Design Tokens. You can download the template from the Penpot Hub.

Math Functions in Design Tokens. 10 Math Function demos.

In our last hands-on demo, Marco and I briefly covered some of the math functions available in Penpot’s design tokens. These included round() and pow(). But I wanted to demonstrate even more of the math functions you can play with as well as some practical use cases for them.

This template contains 10 demos :round(), ceil(), floor(), abs(), min(), max(), sqrt(), pow(), exp(), and log(). Each page contains a different demo with its own token set and corresponding token theme. Like this:

There are way more math functions available in Penpot. You can find the full list in the user guide. And if you found any practical use cases for any of these more obscure functions, please do let me know!

3 Likes