Figma OSS Alternative
https://penpot.app/
Think and build digital products. Together.
Penpot is the open-source design platform for teams that need scalable collaboration.
BUILT FOR DESIGNERS, DEVELOPERS AND AI AGENTS
Full-stack design for every future.
UI Design
Design responsive and rules-based interfaces with wireframes, interactive prototypes, and CSS Grid and Flex layouts.
Explore UI Design
Design Systems
Unlock scalable and sophisticated visual frameworks with design components, native design tokens and shared libraries.
Explore Design Systems
AI Workflows
Seamlessly integrate any agent, any LLM, and any AI tooling directly into Penpot’s core, all across code-to-design, design-to-code, and design-to-design workflows.
Explore AI workflows
Code
Inspect and integrate code that actually matches design. Enjoy open standards like CSS, HTML, SVG and JSON as well as Penpot’s open file format.
Explore Code
{
"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 design platform for teams building digital products at scale, enabling deeper collaboration across design, code, and AI workflows.",
"image": "https://site-assets.plasmic.app/bd5cdab7f749bba987c8de1f2cbdff60.webp",
"logo": null,
"publisher": "Penpot",
"title": "Penpot: The open-source design platform for teams.",
"url": "https://penpot.app/"
}
{
"url": "https://penpot.app/",
"title": "Penpot: The open-source design platform for teams.",
"description": "Think and build digital products. Together.Penpot is the open-source design platform for teams that need scalable collaboration.BUILT FOR DESIGNERS, DEVELOPERS AND AI AGENTSFull-stack design for every...",
"links": [
"https://penpot.app/"
],
"image": "https://site-assets.plasmic.app/bd5cdab7f749bba987c8de1f2cbdff60.webp",
"content": "<div><section><h2>Think and build digital products.<span> Together.</span></h2><p>Penpot is the<span> </span><span>open-source</span> design platform for teams that need scalable collaboration.</p><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%2F72b71a7302cd1476867d124e9fe46817.webp&w=640&q=75&f=webp 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=750&q=75&f=webp 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=828&q=75&f=webp 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1080&q=75&f=webp 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1200&q=75&f=webp 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1920&q=75&f=webp 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&q=75&f=webp 2048w\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=640&q=75 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=750&q=75 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=828&q=75 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1080&q=75 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1200&q=75 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&w=1920&q=75 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F72b71a7302cd1476867d124e9fe46817.webp&q=75 2048w\" /></picture></div><section><p>BUILT FOR DESIGNERS, DEVELOPERS AND AI AGENTS</p><p></p><h2><span>Full-stack design </span>for every future.</h2><p></p></section></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%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=640&q=75&f=webp 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=750&q=75&f=webp 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=828&q=75&f=webp 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1080&q=75&f=webp 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1200&q=75&f=webp 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1920&q=75&f=webp 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&q=75&f=webp 2048w\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=640&q=75 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=750&q=75 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=828&q=75 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1080&q=75 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1200&q=75 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&w=1920&q=75 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F99d5e386adcf2596aeab5334b0eafe6e.webp&q=75 2048w\" /></picture></div><div><div><p>UI Design</p><p>Design responsive and rules-based interfaces with wireframes, interactive prototypes, and CSS Grid and Flex layouts. </p><a target=\"_blank\" href=\"https://penpot.app/design/collaborative-UI-design-software\"><svg height=\"1em\" width=\"1em\"></svg><p><span><span>Explore UI Design</span></span></p></a></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%2Ff21e818194e6f84270474289b200687a.webp&w=828&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ff21e818194e6f84270474289b200687a.webp&w=1920&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%2Ff21e818194e6f84270474289b200687a.webp&w=1920&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ff21e818194e6f84270474289b200687a.webp&w=828&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Ff21e818194e6f84270474289b200687a.webp&w=1920&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%2F0996f0a15f7be21e96bc6da06953758b.webp&w=640&q=75&f=webp 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=750&q=75&f=webp 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=828&q=75&f=webp 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1080&q=75&f=webp 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1200&q=75&f=webp 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1920&q=75&f=webp 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&q=75&f=webp 2048w\"></source><img src=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=640&q=75 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=750&q=75 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=828&q=75 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1080&q=75 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1200&q=75 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&w=1920&q=75 1920w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F0996f0a15f7be21e96bc6da06953758b.webp&q=75 2048w\" /></picture></div><div><div><p>Design Systems</p><p>Unlock scalable and sophisticated visual frameworks with design components, native design tokens and shared libraries.</p><a target=\"_blank\" href=\"https://penpot.app/design/design-systems\"><svg height=\"1em\" width=\"1em\"></svg><p><span><span>Explore Design Systems</span></span></p></a></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%2F5b34239771454d1ebee0016b86a872d0.webp&w=828&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F5b34239771454d1ebee0016b86a872d0.webp&w=1920&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%2F5b34239771454d1ebee0016b86a872d0.webp&w=1920&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F5b34239771454d1ebee0016b86a872d0.webp&w=828&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F5b34239771454d1ebee0016b86a872d0.webp&w=1920&q=75 2x\" /></picture></div></div></div><div><div><p>AI Workflows</p><p>Seamlessly integrate any agent, any LLM, and any AI tooling directly into Penpot’s core, all across code-to-design, design-to-code, and design-to-design workflows.</p><a target=\"_blank\" href=\"https://penpot.app/ai/ai-workflows\"><svg height=\"1em\" width=\"1em\"></svg><p><span><span>Explore AI workflows</span></span></p></a></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%2F59246848e1ed470419c6da8e8a1b43d3.webp&w=828&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F59246848e1ed470419c6da8e8a1b43d3.webp&w=1920&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%2F59246848e1ed470419c6da8e8a1b43d3.webp&w=1920&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F59246848e1ed470419c6da8e8a1b43d3.webp&w=828&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F59246848e1ed470419c6da8e8a1b43d3.webp&w=1920&q=75 2x\" /></picture></div></div><div><div><p>Code</p><p>Inspect and integrate code that actually matches design. Enjoy open standards like CSS, HTML, SVG and JSON as well as Penpot’s open file format.</p><a target=\"_blank\" href=\"https://penpot.app/code\"><svg height=\"1em\" width=\"1em\"></svg><p><span><span>Explore Code</span></span></p></a></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%2F6612e43614257b128635cae89e5d5f1e.webp&w=828&q=75&f=webp 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F6612e43614257b128635cae89e5d5f1e.webp&w=1920&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%2F6612e43614257b128635cae89e5d5f1e.webp&w=1920&q=75\" srcset=\"https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F6612e43614257b128635cae89e5d5f1e.webp&w=828&q=75 1x, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2F6612e43614257b128635cae89e5d5f1e.webp&w=1920&q=75 2x\" /></picture></div></div></div></div>",
"author": "",
"favicon": "",
"source": "penpot.app",
"published": "",
"ttr": 22,
"type": ""
}