[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"app-penpot":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":5,"id":7,"name":8,"description":9,"url":10,"logo":11,"macLogo":12,"screenshot":13,"tags":14,"logoSize":18,"longDescription":19,"category":20,"developer":21,"pricing":22,"platforms":23,"features":28,"useCases":47,"faq":53,"_id":66,"_type":67,"title":8,"_source":68,"_file":69,"_stem":7,"_extension":67},"/penpot","",false,"penpot","Penpot","Open-source design and prototyping platform for product teams","https://design.penpot.app/","/icons/penpot/regular.png","/icons/penpot/mac.png","/screenshot/penpot.png",[15,16,17],"design","prototyping","ui",512,"Penpot is an open-source design and prototyping platform built for cross-functional teams of designers and developers. It runs in the browser and uses open web standards, including SVG and CSS, as the native format of every design file.\n\nThe tool covers the full product design workflow: vector editing, layout with flex and grid, components and design systems, interactive prototypes, and dev handoff with ready-to-copy CSS. Because files are SVG-based, designs translate directly to code that engineers can use without an export step.\n\nPenpot is positioned as a free, vendor-neutral alternative to closed design tools. It can be used on the hosted SaaS at design.penpot.app or self-hosted via Docker for teams that need full control over their data. It is developed by Kaleidos and licensed under the Mozilla Public License.","DesignApplication","Kaleidos","Open source / free",[24,25,26,27],"Web","macOS","Windows","Linux",[29,32,35,38,41,44],{"title":30,"description":31},"Open file format","Designs are SVG-based and use open web standards, so files are portable and not locked into a proprietary format.",{"title":33,"description":34},"Components and libraries","Build reusable components with variants and shared libraries that stay in sync across files and teams.",{"title":36,"description":37},"Flex and grid layout","Apply flexbox and CSS grid directly inside the canvas so designs reflect how they will be built in code.",{"title":39,"description":40},"Interactive prototyping","Wire up screens with transitions, overlays, and flows to validate user journeys before development.",{"title":42,"description":43},"Dev mode and CSS export","Inspect any element to copy ready-to-use CSS, design tokens, and assets for engineering handoff.",{"title":45,"description":46},"Self-hosting","Deploy Penpot on your own infrastructure with Docker for full data ownership and on-premise compliance.",[48,49,50,51,52],"Designing web and mobile interfaces with an open file format","Building and maintaining a shared design system","Prototyping user flows and validating interactions","Handing off designs to engineers with CSS and tokens","Self-hosting a design tool inside a regulated organization",[54,57,60,63],{"question":55,"answer":56},"Is Penpot free?","Yes, Penpot is free and open-source under the MPL license. The hosted version at design.penpot.app is free, with paid options for organizations.",{"question":58,"answer":59},"Can I self-host Penpot?","Yes, Penpot publishes Docker images and documentation for self-hosting on your own server or private cloud.",{"question":61,"answer":62},"How does Penpot compare to Figma?","Penpot covers similar use cases, including UI design, components, and prototyping, but uses open standards and SVG as the native format.",{"question":64,"answer":65},"Can I import Figma files?","Penpot offers an import path for Figma files via export packages, with ongoing improvements to fidelity and feature coverage.","content:penpot.json","json","content","penpot.json",1777296970708]