🖊️ 🍯 Penpot thread?

Do we need a Penpot thread? :slight_smile:

Here’s the Penpot beta unboxing stream from last week:

I’ve been using it a lot for personal design work.

The main thing that I’m missing right now is stencils. I need to make them myself. And I’ve not got enough time. I’d like to have one that replicates the great and fun (I don’t get caught up in pixel pushing) Balsamiq low fidelity stencils:

Has anyone made any stencils? Would you care to share them?

The main topics in this thread:

2 Likes

Hi Bernard and hi everyone :smiley:

There are some libraries and templates available to import on Penpot. You can download them form here.

There is also available a Github repository to contribute and centralized all libraries and templates users want to share with the community.

Your contributions are more than welcome!!!

1 Like

Muy buenas @elhombretecla. And welcome to the OSD forum! :wave:

Ah, I wasn’t aware of that Github repository for libraries/templates/stencils/whatever-the-right-name-for-them-is. Thanks for posting that I’ll take a look.

Is there a “sketch” aesthetic - like Balsamiq - available in Penpot? Essentially it’s like digitised hand drawn wireframe. Or can I recreate that aesthetic in Penpot?

For me this is one of the best things about Balsamiq. I am not the UX designer who spends hours and days pushing pixels.

Low fidelity is what I want so I can focus on figuring out if the design idea is the right one.

If its available, or I can recreate it, then I’d try creating a stensil over Christmas when I have some time.

1 Like

Thanks to new community member @colombene I came across a nice interview with @diacritica about Penpot development where he mentioned our wonderful FOSDEM devroom. :heart:

https://possiblefutures.tech/posts/interview-with-penpot-ceo-pablo-ruiz-muzquiz-on-open-source-design-and-ethical-funding

2 Likes

If its available, or I can recreate it, then I’d try creating a stensil over Christmas when I have some time.

I think it is possible, but it is never as good as in balsamiq, because text is a separate element in Penpot whereas it is directly integrated in balsamiq. It is also not easy to get the wiggly lines. I guess the most tool-appropriate way is going for a more blueprint-y look, see, for example this figma library

Are stencils like components?

One major thing I think is missing still is state (xd) or variants (figma) or at least last time I checked.

Are stencils like components?

Right exactly. Each design tool calls them different things.

  • Basamiq calls the symbols
  • Figma seems to use Design Systems, UI kits, or templates depending on how complete they are

I don’t follow, but I’m guessing this is down to how the 2 applications are developed?

It is also not easy to get the wiggly lines.

For the same reason as above?

I guess the most tool-appropriate way is going for a more blueprint-y look, see, for example this figma library

Ah, I never thought about that. Good point. I can try to create this type of library/stencil.

This has started me thinking to analyse why I like what I like in these tools a bit more. :thinking:

Somewhat. Its the model they use for what they show you. Balsamiq elements are visual representation, behavior, text all baked in one thing (“Dropdown”). In Penpot (Figma, Sketch…) the elements you can use are made by the designer from simpler elements, a Dropdown, e.g. consists of multiple nested rectangles. The advantage: You can make your own elements in your own style. The disadvantage: While there are stencils and reuse, the UI elements are never as tightly encapsulated as balsamiq’s.

You need to wigglify the lines yourself. But it works somewhat. I usually pick ComicSans and 2px black lines, slightly rounded corners to approximate, but if you draw/import svg lines that wiggle, you can use these, too.

Hello, I’m very much here for this thread :slight_smile:
I’ve been using Penpot more and more for my work on CryptPad and I’ve been pretty happy.

Seems like there are still quite a few deal-breakers, but I’ve been dealing anyway. Of those that come to mind: export functionality seems more or less completely broken at the time of writing, no way of turning text into svg outlines (that I’ve noticed), and consistently bad results with the prototype view…

I think the product has already come a long way and is definitely useable. I’m just still at the stage where I regularly run into issues.

1 Like

Maybe someone could try Rough.js for the sketched look.
There is even a collection of UI elements built with Rough.js called Wired Elements.

1 Like