penpot / penpot-files Goto Github PK

Publicly released files and assets of Penpot, The Open-Source design & prototyping platform

penpot-files's Introduction

Website • Getting Started • User Guide • Tutorials & Info • Community

Youtube • Peertube • Linkedin • Instagram • Mastodon • X

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 highlights from Penpot Fest 2023 edition!

Why Penpot
Getting Started
Community
Resources
License

Why Penpot

Penpot expresses designs as code. Designers can do their best work and see it will be beautifully implemented by developers in a two-way collaboration.

Designed for developers

Penpot was built to serve both designers and developers and create a fluid design-code process. You have the choice to enjoy real-time collaboration or play "solo".

Inspect mode

Work with ready-to-use code and make your workflow easy and fast. The inspect tab gives instant access to SVG, CSS and HTML code.

Self host your own instance

Provide your team or organization with a completely owned collaborative design tool. Use Penpot's cloud service or deploy your own Penpot server.

Integrations

Penpot offers integration into the development toolchain, thanks to its support for webhooks and an API accessible through access tokens.

What’s great for design

With Penpot you can design libraries to share and reuse; turn design elements into components and tokens to allow reusability and scalability; and build realistic user flows and interactions.

Getting started

Install with Elestio

Penpot is the only design & prototype platform that is deployment agnostic. You can use it or deploy it anywhere.

Learn how to install it with Elestio and Docker, or other options on our website.

Community

We love the Open Source software community. Contributing is our passion and if it’s yours too, participate and improve Penpot. All your designs, code and ideas are welcome!

If you need help or have any questions; if you’d like to share your experience using Penpot or get inspired; if you’d rather meet our community of developers and designers, join our Community!

You will find the following categories:

Contributing

Any contribution will make a difference to improve Penpot. How can you get involved?

Choose your way:

Create and share Libraries & Templates that will be helpful for the community
Invite your team to join
Star this repo and follow us on Social Media: Mastodon, Youtube, Instagram, Linkedin, Peertube and X.
Participate in the Community space by asking and answering questions; reacting to others’ articles; opening your own conversations and following along on decisions affecting the project.
Report bugs with our easy guide for bugs hunting or GitHub issues
Become a translator
Give feedback: Email us
Contribute to Penpot's code: Watch this video by Alejandro Alonso, CIO and developer at Penpot, where he gives us a hands-on demo of how to use Penpot’s repository and make changes in both front and back end

To find (almost) everything you need to know on how to contribute to Penpot, refer to the contributing guide.

Resources

You can ask and answer questions, have open-ended conversations, and follow along on decisions affecting the project.

💾 Documentation

🚀 Getting Started

✏️ Tutorials

🏘️ Architecture

📚 Dev Diaries

License

This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) KALEIDOS INC

Penpot is a Kaleidos’ open source project

penpot-files's People

Contributors

Stargazers

Watchers

Forkers

jimscope chengjingfeng kurollo candidexmedia claragvinola sar klarr-agency vicdesigner jessmtermini bharatveeryadav jrcribb suryatmodulus bileckme laurawebdev devyong zjuranko salewski nagyist rioncarter enieber mkronenberg playzinho marcos-abreu philsawa systxema maximogomez typoniels uiforks mrcavalcanti swg2 programmerhuang questquotient generalistcodes qqq-tech yixuqiu kang-dol skorphil seanpm2001 tiger642 r3ps4j funartisanpai alooosh

penpot-files's Issues

How to give credit?

This repo shows CC BY 4.0 as the license, which I assume applies to all included projects, but:

there's no mention of this license on the official library site
it's unclear how to give credit as per the CC BY 4.0 requirements

It'd be good to add some simple licensing info both here and on the official library site.

Prototyping Issues

Problem Statement

While using the prototyping feature of penpot, the components, shapes, or groups couldn't be prototyped without adding them on a board. The prototype panel says that you can select any shape, board, or groups and make the connections but that isn't possible without inscribing it on a board.

Screenshot for Reference

Intended Use Case

As a user, I want to quickly prototype any group, shape, or component and start working on the designs without adding a board on each block of design to make it responsive which would help to create interactive designs through which the stakeholders, product managers, and developers can understand what we as designers/user is trying to explain.

User experience goal

User Persona: Product Designer

Motivations:

As a designer, I would want the developers to understand the feature in the most precise manner.

Frustrations:

The interaction I want with the design won't be communicated and understood by the developer and the product manager properly if communicated verbally.
Adding a board behind every design is very time-consuming, and it might slip from the mind when the deadlines are approaching.

Proposal

While prototyping every component, group, and shape should have a "+" icon linked to it which can be mapped with any other component, group, or shape.

Further details

Prototyping a component in Figma

What does success look like, and how can we measure that?

The current functionality for prototyping a component or anything for that matter has to have it inscribed on a board which is making the designers/users a little restless. The success over here is if the designer can directly add an interaction to the component without thinking about the board then the efficiency of all the designers would increase drastically and the user testing would be done way before the deadline of the feature and the communication between the designers, product managers, developers, and the stakeholders would be much easier.

Create Webhook does not work

Hello, I was trying to set a webhook to see what kind of data is sent, but creating the webhook gives me an error.
The error is: Something wrong has happened (on backend).

I am attaching a screenshot.

Unable to download Ant Design UI Kit from site

On the website, trying to download the Ant Design UI kit brings an error:

The page leads to this link: https://github.com/penpot/penpot-files/raw/main/Ant-Design-UI-Kit-20Lite.penpot

Instead, it should link to: https://github.com/penpot/penpot-files/raw/main/Ant-Design-UI-Kit-Lite.penpot

Could I use penpot for facebook post image?

I want to build facebook post image library. But do not know if it is suitable for this?

Update Material UI

The Material Design Kit is heavily outdated. Most notable thing is Material 3, but even Material 2 is missing a lot of elements (backdrops, dropdown menus, image lists, data tables, tabs, etc.)

Material design 3

the current material design kit is outdated. Material design is the most popular design language, we need it, otherwise people will just use figma.

https://m3.material.io/

GNOME Components link broken

The link currently points to https://github.com/penpot/penpot-files/raw/main/GNOME%20Compontents.penpot
but should point to https://github.com/penpot/penpot-files/raw/main/GNOME-Components.penpot

This link is broken here: https://penpot.app/libraries-templates

Filter by category / tag

Hi Penpot team! Now that the template library is growing, I am suggesting adding categories and filters to make it easier to navigate the list. 🌱

Suggested filters/categories/tags:

Icon Packs
Design Systems
UX Research
UI Kits
Colour Schemes
Penpot Feature Demo
etc.

Inspo from other marketplace (Publii)

Support CC BY-SA

For fans of copyleft, it'd be great if this library accepted templates licensed under the open-source CC BY-SA license.

While this license has limited utility in corporate circles, it's a very useful and very commonly used license in FOSS circles.

One of the benefits of this license is that nobody can take the library, build upon it, and then sell the result under a non-free license. All derived works have to be released under the CC BY-SA license.

Enhance the component management workflow to easily identify master component

Is your feature request related to a problem? Please describe.

When I am working with components, quite often I would like to make changes to key attributes of the component and see it update across screens to understand what it would look like. But it seems like when I navigate to the main component there is no clear way to edit it. The only options available to me are rename, duplicate, delete and group. I am not able to leverage the benefit of using the component feature.

Describe the solution you'd like

When we create a component and make a copy of it, there should be a clear distinction between the main component and the copy. Making changes to the main component should instantaneously update the copies.
Here are some suggestions to solve this problem -

Don't remove the main component from the canvas on creating a component
Editing the main component should update the clones across boards.

Describe alternatives you've considered

User Experience Goals

Additional context

GitHub Design System file not importing on app

First i have to thank you guys for the awesome app!
I've downloaded the GitHub files and imported on app, but Design System file didn't work. After that, I've gone on the libraries site and manually downloaded the file and the import worked.

CC BY 4.0 and the CocoMaterial License are incompatible

The CC BY 4.0 license specifically prohibits additional restrictions:

You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.

The CocoMaterial license, however, does impose such a restriction:

This license does not include the right to compile illustrations from CocoMaterial to replicate a similar or competing service.

As such, the CocoMaterial license is not only non-free (as per the OKF's Open Definition and the Free Cultural Works definition), but also incompatible with the CC BY 4.0 license that the Cocomaterial.penpot file is licensed under. That means that this penpot library violates CocoMaterial's copyright.