{"id":13397504,"url":"https://github.com/penpot/penpot","last_synced_at":"2025-05-13T10:59:44.061Z","repository":{"id":36950933,"uuid":"48769241","full_name":"penpot/penpot","owner":"penpot","description":"Penpot: The open-source design tool for design and code collaboration","archived":false,"fork":false,"pushed_at":"2025-05-05T11:30:24.000Z","size":243308,"stargazers_count":37912,"open_issues_count":460,"forks_count":1952,"subscribers_count":229,"default_branch":"develop","last_synced_at":"2025-05-05T11:34:43.602Z","etag":null,"topics":["clojure","clojurescript","design","prototyping","ui","ux-design","ux-experience"],"latest_commit_sha":null,"homepage":"https://penpot.app","language":"Clojure","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/penpot.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2015-12-29T22:09:07.000Z","updated_at":"2025-05-05T10:45:52.000Z","dependencies_parsed_at":"2024-02-05T11:02:17.669Z","dependency_job_id":"ac917df5-cfe3-4dd8-9b9b-82e6a6c999d9","html_url":"https://github.com/penpot/penpot","commit_stats":null,"previous_names":["uxbox/uxbox"],"tags_count":252,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penpot%2Fpenpot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penpot%2Fpenpot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penpot%2Fpenpot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penpot%2Fpenpot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/penpot","download_url":"https://codeload.github.com/penpot/penpot/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252544742,"owners_count":21765429,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clojure","clojurescript","design","prototyping","ui","ux-design","ux-experience"],"created_at":"2024-07-30T18:01:27.442Z","updated_at":"2025-05-05T17:44:35.374Z","avatar_url":"https://github.com/penpot.png","language":"Clojure","funding_links":[],"categories":["Clojure","Creative","Apps","Applications","Dev \u0026 Coding","UX and UI Design tools","HarmonyOS","其他","🧰 工具列表","原型工具","ui","design","Design Tools","clojure","Repos","Development","🛠 Part I: The Open SaaS Stack","Table of Contents"],"sub_categories":["Other","Tools","Design Tool (e.g. Figma, Excalidraw)","Windows Manager","网络服务_其他","原型设计","Design \u0026 Creative","Graphics"],"readme":"\n[uri_license]: https://www.mozilla.org/en-US/MPL/2.0\n[uri_license_image]: https://img.shields.io/badge/MPL-2.0-blue.svg\n\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://penpot.app/images/readme/github-dark-mode.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://penpot.app/images/readme/github-light-mode.png\"\u003e\n  \u003cimg alt=\"penpot header image\" src=\"https://penpot.app/images/readme/github-light-mode.png\"\u003e\n\u003c/picture\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.mozilla.org/en-US/MPL/2.0\" rel=\"nofollow\"\u003e\u003cimg alt=\"License: MPL-2.0\" src=\"https://img.shields.io/badge/MPL-2.0-blue.svg\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://gitter.im/penpot/community\" rel=\"nofollow\"\u003e\u003cimg alt=\"Gitter\" src=\"https://badges.gitter.im/sereno-xyz/community.svg\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://tree.taiga.io/project/penpot/\" title=\"Managed with Taiga.io\" rel=\"nofollow\"\u003e\u003cimg alt=\"Managed with Taiga.io\" src=\"https://img.shields.io/badge/managed%20with-TAIGA.io-709f14.svg\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://gitpod.io/#https://github.com/penpot/penpot\" rel=\"nofollow\"\u003e\u003cimg alt=\"Gitpod ready-to-code\" src=\"https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://penpot.app/\"\u003e\u003cb\u003eWebsite\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://help.penpot.app/technical-guide/getting-started/\"\u003e\u003cb\u003eGetting Started\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://help.penpot.app/user-guide/\"\u003e\u003cb\u003eUser Guide\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://help.penpot.app/user-guide/introduction/info/\"\u003e\u003cb\u003eTutorials \u0026 Info\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://community.penpot.app/\"\u003e\u003cb\u003eCommunity\u003c/b\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.youtube.com/@Penpot\"\u003e\u003cb\u003eYoutube\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://peertube.kaleidos.net/a/penpot_app/video-channels\"\u003e\u003cb\u003ePeertube\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://www.linkedin.com/company/penpot/\"\u003e\u003cb\u003eLinkedin\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://instagram.com/penpot.app\"\u003e\u003cb\u003eInstagram\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://fosstodon.org/@penpot/\"\u003e\u003cb\u003eMastodon\u003c/b\u003e\u003c/a\u003e  •  \n    \u003ca href=\"https://twitter.com/penpotapp\"\u003e\u003cb\u003eX\u003c/b\u003e\u003c/a\u003e\n\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n[Penpot video](https://github.com/penpot/penpot/assets/5446186/b8ad0764-585e-4ddc-b098-9b4090d337cc)\n\n\u003cbr /\u003e\n\nPenpot 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.\n\nPenpot is available on browser and [self host](https://penpot.app/self-host). It’s web-based and works with open standards (SVG, CSS and HTML). And last but not least, it’s free! \n\nPenpot’s latest [huge release 2.0](https://penpot.app/dev-diaries), takes the platform to a whole new level. This update introduces the ground-breaking [CSS Grid Layout feature](https://penpot.app/penpot-2.0), a complete UI redesign, a new Components system, and much more. Plus, it's faster and more accessible. \n\n\n🎇 **Penpot Fest** is our design, code \u0026 Open Source event. Check out the highlights from [Penpot Fest 2023 edition](https://www.youtube.com/watch?v=sOpLZaK5mDc)!\n\n## Table of contents ##\n\n- [Why Penpot](#why-penpot)\n- [Getting Started](#getting-started)\n- [Community](#community)\n- [Contributing](#contributing)\n- [Resources](#resources)\n- [License](#license)\n\n## Why Penpot ##\n\nPenpot expresses designs as code. Designers can do their best work and see it will be beautifully implemented by developers in a two-way collaboration.\n\n### Plugin system ###\n[Penpot plugins](https://penpot.app/penpothub/plugins) let you expand the platform's capabilities, give you the flexibility to integrate it with other apps, and design custom solutions. \n\n### Designed for developers ###\nPenpot 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\".\n\n### Inspect mode ###\nWork with ready-to-use code and make your workflow easy and fast. The inspect tab gives instant access to SVG, CSS and HTML code.\n\n### Self host your own instance ###\nProvide your team or organization with a completely owned collaborative design tool. Use Penpot's cloud service or deploy your own Penpot server.\n\n### Integrations ###\nPenpot offers integration into the development toolchain, thanks to its support for webhooks and an API accessible through access tokens.\n\n### What’s great for design ###\nWith 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.\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F9dd677c36afb477e9666ccd1d3f009ad.png\" alt=\"Open Source\" style=\"width: 65%;\"\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n## Getting started ##\n\n### Install with Elestio ###\nPenpot is the only design \u0026 prototype platform that is deployment agnostic. You can use it or deploy it anywhere.\n\nLearn how to install it with Elestio and Docker, or other options on [our website](https://penpot.app/self-host).\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://site-assets.plasmic.app/2168cf524dd543caeff32384eb9ea0a1.svg\" alt=\"Open Source\" style=\"width: 65%;\"\u003e\n\u003c/p\u003e\n\u003cbr /\u003e\n\n## Community ##\n\nWe love the Open Source software community. Contributing is our passion and if it’s yours too, participate and [improve](https://community.penpot.app/c/help-us-improve-penpot/7) Penpot. All your designs, code and ideas are welcome!\n\nIf 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](https://community.penpot.app/)!\n\nYou will find the following categories:\n- [Ask the Community](https://community.penpot.app/c/ask-for-help-using-penpot/6)\n- [Troubleshooting](https://community.penpot.app/c/technical/8)\n- [Help us Improve Penpot](https://community.penpot.app/c/help-us-improve-penpot/7)\n- [#MadeWithPenpot](https://community.penpot.app/c/madewithpenpot/9)\n- [Events and Announcements](https://community.penpot.app/c/announcements/5)\n- [Inside Penpot](https://community.penpot.app/c/inside-penpot/21)\n- [Penpot in your language](https://community.penpot.app/c/penpot-in-your-language/12)\n- [Design and Code Essentials](https://community.penpot.app/c/design-and-code-essentials/22)\n\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/penpot/penpot/assets/5446186/6ac62220-a16c-46c9-ab21-d24ae357ed03\" alt=\"Community\" style=\"width: 65%;\"\u003e\n\u003c/p\u003e\n\u003cbr /\u003e\n\n## Contributing ##\n\nAny contribution will make a difference to improve Penpot. How can you get involved? \n\nChoose your way: \n\n- Create and [share Libraries \u0026 Templates](https://penpot.app/libraries-templates.html) that will be helpful for the community\n- Invite your [team to join](https://design.penpot.app/#/auth/register)\n- Star this repo and follow us on Social Media: [Mastodon](https://fosstodon.org/@penpot/), [Youtube](https://www.youtube.com/c/Penpot), [Instagram](https://instagram.com/penpot.app), [Linkedin](https://www.linkedin.com/company/penpotdesign),  [Peertube](https://peertube.kaleidos.net/a/penpot_app) and [X](https://twitter.com/penpotapp).\n- Participate in the [Community](https://community.penpot.app/) space by asking and answering questions; reacting to others’ articles;  opening your own conversations and following along on decisions affecting the project.\n- Report bugs with our easy [guide for bugs hunting](https://help.penpot.app/contributing-guide/reporting-bugs/) or [GitHub issues](https://github.com/penpot/penpot/issues)\n- Become a [translator](https://help.penpot.app/contributing-guide/translations)\n- Give feedback: [Email us](mailto:support@penpot.app)\n- **Contribute to Penpot's code:** [Watch this video](https://www.youtube.com/watch?v=TpN0osiY-8k) 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\n\nTo find (almost) everything you need to know on how to contribute to Penpot, refer to the [contributing guide](https://help.penpot.app/contributing-guide/).\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/penpot/penpot/assets/5446186/fea18923-dc06-49be-86ad-c3496a7956e6\" alt=\"Libraries and templates\" style=\"width: 65%;\"\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n## Resources ##\n\nYou can ask and answer questions, have open-ended conversations, and follow along on decisions affecting the project.\n\n💾 [Documentation](https://help.penpot.app/technical-guide/)\n\n🚀 [Getting Started](https://help.penpot.app/technical-guide/getting-started/)\n\n✏️ [Tutorials](https://www.youtube.com/playlist?list=PLgcCPfOv5v54WpXhHmNO7T-YC7AE-SRsr)\n\n🏘️ [Architecture](https://help.penpot.app/technical-guide/developer/architecture/)\n\n📚 [Dev Diaries](https://penpot.app/dev-diaries.html)\n\n\n## License ##\n\n```\nThis Source Code Form is subject to the terms of the Mozilla Public\nLicense, v. 2.0. If a copy of the MPL was not distributed with this\nfile, You can obtain one at http://mozilla.org/MPL/2.0/.\n\nCopyright (c) KALEIDOS INC\n```\nPenpot is a Kaleidos’ [open source project](https://kaleidos.net/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpenpot%2Fpenpot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpenpot%2Fpenpot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpenpot%2Fpenpot/lists"}