Is it possible to create breakpoints modes like in figma?

Ask the community
1

Hi Everyone, I wonder that is that possible within Penpot creating modes or something esle like in Figma? Such as different typography scale or spacing for every breakpoint.

2

You could do this using themes and sets in design tokens, and that would translate well into the development process.

3

Hi Laura, thanks for your reply. So ia there any tutorial or something else for this case.

4

There is now :wink:

Here’s a Penpot file showing how I would do this:

Tokens and breakpoints.penpot (132.4 KB)

And here’s a six second video showing you switching between (breakpoint) themes.

5 Likes
5

Vamos! You’re amazing Laura, thank you so much. It’s totally helpfull. Cheers.

1 Like
6

Thank you, Laura!

I’m going to try this out, you’re doing amazing job for the community..

1 Like