You spin me round (like a record) 💿 Penpot 1.18 release

It seems like yesterday when we launched our first official release (we’re no longer Beta!) including the long awaited Flex Layout. Of course, we didn’t stop there and we’ve already improved it significantly.

On this 1.18 release we make Flex Layout even more powerful with smart spacing, absolute position and z-index management. We also continued implementing accessibility improvements to make Penpot more inclusive and published stability and performance enhancements. Let’s break down our featured highlights:

Flex layout spacing management

Managing Flex Layout spacing is even more intuitive now! Visualize paddings, margins and gaps and drag to resize them. Even better! When creating Flex layouts, the spacing is predicted by Penpot, speeding-up your design composition.

flexlayout-spacing

Absolute position in flex layout

Sometimes you need to freely position an element in a specific place regardless of the size of the layout where it belongs. Now you can exclude elements from the Flex layout flow using absolute position.

image

More on flex layout: z-index

With the new z-index option you can decide the order of overlapping elements while keeping the layers’ order. This is yet another capability that brings the power of CSS standards to your Penpot designs.

flexlayout-position-z

Scale content proportionally

Activate the scale tool by pressing K and scale your elements, maintaining their aspect ratio. Strokes, shadows, blurs and corners will merrily follow your orders :wink:

scale-groups-texts

And this post can not be finished without giving special kudos to @ondrejkonec, who restyled Penpot’s Help Center to follow the Public site’s new look & feel. Another great community contribution :heart:

How did you like all of this? You can take a look at them and the rest of the changes at our Dev Diaries.

12 Likes

I love all the new improvements!

1 Like

Thanks for the mention @myfunnyandy. I’m ready to keep helping :slight_smile:

3 Likes

Thanks to you @ondrejkonec, it was a truly awesome contribution :grinning:

1 Like