DEV Community

Cover image for What Design Tool Should I Use?
BekahHW for OpenSauced

Posted on • Edited on • Originally published at opensauced.pizza

What Design Tool Should I Use?

Today is day 17 of my 29 Days of Open Source Alternatives series, where I'll be exploring open source alternatives to proprietary software in the categories of Game Development and Multimedia, Development Tools and Platforms, Productivity and Collaboration Tools, and more. If you'd like to see the list of the open source alternatives I'll be covering this month, head over to my 29 Days of Open Source Alts Page or if you're interested in some of the top OSS projects of last year, check out this list. This is post is in the Productivity & Collaboration Category.

Designers today have many options for design tools. But navigating closed ecosystems, subscription models, and limited integrations makes it all, well, complicated. And to add to this complication, I want to share another option that might reshape the design experience: the open source tool, Penpot.

Designers and developers can finally work in unison to build beautifully designed software experiences that truly scale up.

In this post, we'll take a look at Penpot's features, compare it to proprietary alternatives, and take a look at its community.

Spotlight: Penpot

It's worth noting that Penpot 2.0 is coming soon and it sounds like there will be some major updates.

Some of the most notable features today include:

  • A professional UI that is easy to use: Penpot has a clean and intuitive interface that is easy to use.
  • The ability to create design systems, components, interactive prototypes, and designs: Penpot allows you to create all of the design assets that you need for your project in one place.
  • Support for open standards: Penpot supports open standards, so that you are not locked into any one vendor.
  • The ability to be self-hosted or used in the cloud: Penpot can be self-hosted on your own servers or used in the cloud. This gives you flexibility in how you deploy and use the tool.
  • Generates Code for Your Designs: Penpot generates CSS and markup code (currently only SVG).

Open Source

Penpot talks a lot about their decision to be an open source tool, including their Free For Ever policy.

Our mission is to provide an open source & open standards platform to bring collaboration between designers and developers to the next level.

This is reflected by the support they've had around their open source project.

🌠 25.6k
👀 205
Forks: 1.2k
Commits: 12.5k+
Total Contributors: 147
License: MPL-2.0 license

GitHub logo penpot / penpot

Penpot: The open-source design tool for design and code collaboration

penpot header image

License: MPL-2.0 Gitter Managed with Taiga.io Gitpod ready-to-code

WebsiteGetting StartedUser GuideTutorials & InfoCommunity

YoutubePeertubeLinkedinInstagramMastodonX

video-hero-homepage_v5.webm

Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design systems at scale, while developers enjoy ready-to-use code and make their workflow easy and fast. And all of this with no handoff drama.

Penpot is available on browser and self host. It’s web-based and works with open standards (SVG, CSS and HTML). And last but not least, it’s free!

Penpot’s latest huge release 2.0, takes the platform to a whole new level. This update introduces the ground-breaking CSS Grid Layout feature, a complete UI redesign, a new Components system, and much more. Plus, it's faster and more accessible.

🎇 Penpot Fest is our design, code & Open Source event. Check out the…




We can see there's a lot movement on the Penpot repo in the last 90 days, with a strong PR velocity.

repo insight to penpot

When we dive in a little deeper to see their contributors, we see a pretty good balance of the top five contributors. It would be great, however, to see more support from the community, since there is no shortage of issues (324 at the time of writing).

pennpot contributor breakdown

Comparison

Feature Penpot Figma Sketch Adobe XD
Web-Based Yes Yes Yes No
Real-Time Collaboration Yes Yes with a subscription Yes
Vector Editing Yes Yes Yes Yes
CSS Code Generation Yes No No Yes
Layers Panel Yes Yes Yes Yes
Price Free Limited free, then $12/mo+ $10/mo per editor+ $9.99/mo

Takeaways

Examining open source alternatives enables designers and developers to enjoy benefits beyond proprietary counterparts, such as increased control, reduced costs, and enhanced extensibility. And with Penpot, there's no exception. Evaluating design tools requires careful consideration of a variety factors, ranging from ease of use to cost structures, feature availability, and alignment with individual values and goals. With Penpot 2.0 dropping soon, I definitely have my eye on this one.

Top comments (0)