Penpot is the web-based open-source design tool that bridges
the gap between designers and developers.
Goodbye "lost in translation" and hand-off drama
When designers and developers use different tools,
With Penpot, designers know their interfaces are already expressed as code.
Developers can then ship scale designs faster.
Design & code collaboration
for real
Penpot expresses designs natively as CSS, SVG and HTML. Developers feel right at home in the interface. The whole team enjoys one seamless workflow.
No more handoffs.
You fully own your work and your tool for any present or future projects, no matter your team size.
The flexibility of an API & webhooks
Whether you use the browser or your private instance, you can integrate Penpot with your existing dev toolchain.
They love Penpot
Tens of thousands of organizations of all sizes proudly use Penpot, including many popular open-source projects.
I wanted to give @penpotapp a try for my product team and self-host it, and I’m honestly amazed at what the team has done to make this platform accessible.
Such a game changer for open source design. Viva, open source and Penpot!
Angela Oduor
@AngieNicoleOD
Oh my gosh - I love it. The controls felt very intuitive to me - way more intuitive! They map nicely to the mental models of actual CSS. I LOVE the wrapping options as well.
I also really appreciate how developer-friendly this is, so hand-off becomes simple!
Brett Haymaker
@BrettHaymaker
Building a design tool on top of web & dev standards is super clever. @penpotapp
Imagine autolayout behaving like css flexbox and no more design & dev back and forth. 🪄🤹
Using all these open standards. Chef💋
Join an unstoppable community
Our vibrant community champions open design-and-code collaboration.
Libraries & Templates
Create, share or download a wide range of templates or libraries. Use them in your Penpot projects.
We believe in open
design and code collaboration.
Contributions
Everyone is welcome to help each other with code & design ideas, libraries, templates, integrations, tutorials, and more.
The conference where designers and developers come together to build a collaboration without constraints.
Stay in the loop
Receive product and Community updates!
Designers and Developers
love Penpot
{
"by": "noashavit",
"descendants": 95,
"id": 40218463,
"kids": [
40219970,
40219780,
40219855,
40219764,
40220584,
40220378,
40221079,
40221191,
40221928,
40220598,
40221466
],
"score": 294,
"time": 1714526230,
"title": "Figma OSS Alternative",
"type": "story",
"url": "https://penpot.app/"
}
{
"author": null,
"date": null,
"description": "Penpot is the open-source free design software that connects designers and developers with no handoff drama. Prototyping, UI design and code - all in one app.",
"title": "Penpot: The Design Tool for Design & Code Collaboration",
"url": "https://penpot.app/"
}
{
"url": "https://penpot.app/",
"title": "Penpot: The Design Tool for Design & Code Collaboration",
"description": "Explore the new major features of PenpotDesign and code beautiful products. Together.Penpot is the web-based open-source design tool that bridges the gap between designers and developers.Goodbye \"lost in...",
"content": "<div><div><p><span><span>Explore the new major features of Penpot</span></span></p><a target=\"_blank\" href=\"https://penpot.app/penpot-2.0\"></a></div><div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75 1x\" /></picture></div><h2>Design and code beautiful products. <span>Together</span>.</h2></div><p>Penpot is the web-based open-source <a target=\"_blank\" href=\"https://penpot.app/design/design-tool\">design tool</a> that bridges \nthe gap between designers and developers.</p></div><div><div><h2><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1deb13442ad68e2b9e52dc18c25b515d.png&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1deb13442ad68e2b9e52dc18c25b515d.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1deb13442ad68e2b9e52dc18c25b515d.png&q=75 1x\" /></picture></div><p>Goodbye \"lost in translation\" and hand-off drama </p></h2></div><div><p>When designers and developers use different tools,</p></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4f2cc70ae9a519de91581a9bc460f6e9.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4f2cc70ae9a519de91581a9bc460f6e9.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4f2cc70ae9a519de91581a9bc460f6e9.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4f2cc70ae9a519de91581a9bc460f6e9.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4f2cc70ae9a519de91581a9bc460f6e9.png&q=75 2x\" /></picture></div></div></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffacee590307d91e0aa9e38c1ea694c1d.png&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffacee590307d91e0aa9e38c1ea694c1d.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffacee590307d91e0aa9e38c1ea694c1d.png&q=75 1x\" /></picture></div><div><h2><p>With Penpot, designers know their interfaces are already expressed as code. </p></h2></div><div><p>Developers can then ship scale designs faster.</p></div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffe5273fd7da0078e49c0db3409071a86.png&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffe5273fd7da0078e49c0db3409071a86.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ffe5273fd7da0078e49c0db3409071a86.png&q=75 1x\" /></picture></div></div><div><div><h3><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75 2x\" /></picture></div><span><h3>Design & code collaboration\n for real</h3></span></h3><p><span><span>Penpot expresses designs natively as CSS, SVG and HTML. Developers feel right at home in the interface. The whole team enjoys one seamless workflow. \nNo more handoffs.</span></span></p><a target=\"_blank\" href=\"https://penpot.app/collaboration\"><div><p><span><span>See Collaboration features</span></span></p></div></a></div><div><div><h3><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1a8c603bd7201e921ba41b3842bb34c9.webp&w=128&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1a8c603bd7201e921ba41b3842bb34c9.webp&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1a8c603bd7201e921ba41b3842bb34c9.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1a8c603bd7201e921ba41b3842bb34c9.webp&w=128&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1a8c603bd7201e921ba41b3842bb34c9.webp&q=75 2x\" /></picture></div><span><h3>Open standards & Open Source</h3></span></h3><div><p><span><span>You fully own your work and your tool for any present or future projects, no matter your team size. </span></span></p></div></div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fe18c387016b188e28dd8f3bd6e32a61e.webp&q=75&f=webp 640w\"></source><img alt=\"Scale your design process\" src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fe18c387016b188e28dd8f3bd6e32a61e.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fe18c387016b188e28dd8f3bd6e32a61e.webp&q=75 640w\" /></picture></div></div><div><h3><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0dbeb780a498094114ef3376f5213dda.webp&q=75 2x\" /></picture></div><span><h3>The flexibility of an API & webhooks</h3></span></h3><p><span><p>Whether you use the browser or your private instance, you can integrate Penpot with your existing dev toolchain.</p></span></p><a target=\"_blank\" href=\"https://penpot.app/design/design-tool\"></a></div></div><div><div><h2>They love Penpot</h2><p>Tens of thousands of organizations of all sizes proudly use Penpot, including many popular open-source projects.</p></div><div><p><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 2x\" /></picture></div><div><p><span><span>I wanted to give @penpotapp a try for my product team and self-host it, and I’m honestly amazed at what the team has done to make this platform accessible. \nSuch a game changer for open source design. Viva, open source and Penpot! </span></span></p></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F202e4ab7b6bfd902fe078a8cb94fac69.jpg&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F202e4ab7b6bfd902fe078a8cb94fac69.jpg&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F202e4ab7b6bfd902fe078a8cb94fac69.jpg&q=75 1x\" /></picture></div><div><p><span><span>Angela Oduor</span></span></p><p><span><p>@AngieNicoleOD</p></span></p></div></div></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 2x\" /></picture></div><div><p><span><span>Oh my gosh - I love it. The controls felt very intuitive to me - way more intuitive! They map nicely to the mental models of actual CSS. I LOVE the wrapping options as well.\nI also really appreciate how developer-friendly this is, so hand-off becomes simple!</span></span></p></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4500abc29fa1c1ee34354be2b6c5f66b.jpg&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4500abc29fa1c1ee34354be2b6c5f66b.jpg&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F4500abc29fa1c1ee34354be2b6c5f66b.jpg&q=75 1x\" /></picture></div><div><p><span><span>Brett Haymaker</span></span></p><p><span><p>@BrettHaymaker</p></span></p></div></div></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F7f1f2dee0109dc9fbde83bf01aabce56.png&q=75 2x\" /></picture></div><div><p><span><span>Building a design tool on top of web & dev standards is super clever. @penpotapp\nImagine autolayout behaving like css flexbox and no more design & dev back and forth. 🪄🤹\nUsing all these open standards. Chef💋</span></span></p></div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F2119a9f1267e814b77fb5270d7f35505.jpg&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F2119a9f1267e814b77fb5270d7f35505.jpg&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F2119a9f1267e814b77fb5270d7f35505.jpg&q=75 1x\" /></picture></div></div></p></div></div><section><div><h2>Join an <span>unstoppable</span> community</h2><p>Our vibrant community champions open design-and-code collaboration.</p></div><div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1d09577ed2e323b2343a4744a0d4b731.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1d09577ed2e323b2343a4744a0d4b731.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1d09577ed2e323b2343a4744a0d4b731.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1d09577ed2e323b2343a4744a0d4b731.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F1d09577ed2e323b2343a4744a0d4b731.png&q=75 2x\" /></picture></div><div><h4><span><span>Libraries & Templates</span></span></h4><p><span>Create, share or download a wide range of templates or libraries. Use them in your Penpot projects.</span></p><a target=\"_blank\" href=\"https://penpot.app/libraries-templates\"></a></div></div><div><div><p>We believe in open \ndesign and code collaboration.</p></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F8724cbe82815e05a45ca8f2dac6d8be8.png&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F8724cbe82815e05a45ca8f2dac6d8be8.png&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F8724cbe82815e05a45ca8f2dac6d8be8.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F8724cbe82815e05a45ca8f2dac6d8be8.png&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F8724cbe82815e05a45ca8f2dac6d8be8.png&q=75 2x\" /></picture></div><div><h4><span><span>Contributions</span></span></h4><div><p>Everyone is welcome to help each other with code & design ideas, libraries, templates, integrations, tutorials, and more.</p></div><a target=\"_blank\" href=\"https://community.penpot.app/\"><div><p><span><span>Check Penpot's Community space</span></span></p></div></a></div></div></div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fd847b444a85ffe629cfe790f82b018f1.jpg&w=384&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fd847b444a85ffe629cfe790f82b018f1.jpg&w=750&q=75&f=webp 2x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fd847b444a85ffe629cfe790f82b018f1.jpg&w=750&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fd847b444a85ffe629cfe790f82b018f1.jpg&w=384&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fd847b444a85ffe629cfe790f82b018f1.jpg&w=750&q=75 2x\" /></picture></div><div><h4><span><span>Penpot Fest </span></span></h4><div><p>The conference where designers and developers come together to build a collaboration without constraints. </p></div><a target=\"_blank\" href=\"https://penpotfest.org/\"></a></div></div></div></section><div><div><div><picture><source type=\"image/webp\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75&f=webp 1x\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F64bd12740229bfd826ceec7af314616e.png&q=75 1x\" /></picture></div><h2>Stay in the loop</h2></div><p><span>Receive product and Community updates!</span></p><div><picture><img src=\"https://site-assets.plasmic.app/58c69acd0db952bfa86a60292ec4afac.svg\" /></picture></div></div><div><h2><p><span><span>Designers and Developers \nlove Penpot</span></span></p></h2><div><picture><img src=\"https://site-assets.plasmic.app/82bbfd2074753df2bafc777d79794f7b.svg\" /></picture></div></div></div>",
