O Penpot é uma plataforma de design de código aberto para equipes que criam sites, aplicativos e outros produtos digitais. Ele reúne num único espaço de trabalho o design de interfaces (UI), a prototipação, os sistemas de design, a colaboração e a entrega para desenvolvedores (developer handoff), com foco em aproximar designers e desenvolvedores.
A principal diferença em relação aos programas de design tradicionais é o foco nos padrões da web. É possível criar layouts responsivos com CSS Grid e Flex Layout, e os desenvolvedores podem inspecionar os designs em CSS, HTML, SVG e JSON. Isso serve para equipes que querem manter o design bem ligado ao código que o constrói.
A plataforma é oferecida como aplicativo web hospedado ou como plataforma para instalar por conta própria (self-hosted), de modo que as equipes podem manter o ambiente na sua própria infraestrutura.
Por que devo baixar o Penpot?
O Penpot cobre o processo desde o primeiro wireframe até o protótipo funcional. Dá para criar interfaces, montar layouts responsivos, ligar telas em protótipos interativos e colaborar sem trocar de aplicativo.
O CSS Grid e o Flex Layout usam conceitos que os desenvolvedores já conhecem, o que o artigo apresenta como algo útil para quem faz design para a web. Componentes e variantes tornam os elementos reutilizáveis, e os design tokens ajudam a manter cores, tipografia, espaçamento e outras propriedades consistentes num sistema de design.
As ferramentas de inspeção (Inspect) ajudam os desenvolvedores a entender a implementação, o que pode reduzir o vaivém na hora da entrega. As equipes podem trabalhar em arquivos compartilhados, compartilhar componentes e bibliotecas, deixar comentários e manter sistemas de design coerentes.
O Penpot também avançou para fluxos de trabalho com IA, permitindo conectar agentes de IA e outras ferramentas a fluxos de design, de código e de design para design. A instalação própria dá usuários, equipes e arquivos ilimitados, mas exige infraestrutura técnica e conhecimento para administrar.
O Penpot é gratuito?
O Penpot pode ser usado gratuitamente, com um plano Professional gratuito na nuvem que oferece arquivos de design e equipes ilimitados. O plano hospedado atual aceita até oito membros de equipe, visualizadores ilimitados e até 10 GB de armazenamento.
A plataforma continua sendo de código aberto, e a versão Professional instalada por conta própria também é gratuita, com usuários, equipes e arquivos ilimitados. Os planos pagos são voltados a organizações que precisam de mais armazenamento, administração, governança ou recursos empresariais.
Quais sistemas operacionais são compatíveis com o Penpot?
O Penpot funciona principalmente no navegador, então não é preciso baixar um aplicativo de desktop para Windows, macOS ou Linux. A versão hospedada roda num navegador moderno, de modo que pessoas com sistemas operacionais diferentes podem trabalhar no mesmo ambiente.
A instalação própria exige implantar o servidor na sua infraestrutura. A documentação atual indica um servidor Linux e conhecimento de Docker para a versão gratuita instalada por conta própria.
Ou seja, qualquer sistema com um navegador moderno dá conta do recado para usar a versão hospedada.
Quais são as alternativas ao Penpot?
O Pixso é uma plataforma de UI/UX na nuvem, com design de interfaces, prototipação, colaboração, sistemas de design e entrega para desenvolvedores. Suporta componentes, design tokens, Auto Layout, bibliotecas compartilhadas, comentários e histórico de versões, importa arquivos do Figma, Sketch, XD e SVG, oferece recursos com IA e tem um plano gratuito.
O Lunacy é um aplicativo de design multiplataforma, e não uma ferramenta de navegador. Cobre design de interfaces, prototipação, edição vetorial e colaboração, e inclui recursos de design integrados.
O Figma é uma opção consolidada, com design colaborativo de interfaces, prototipação, sistemas de design, bibliotecas compartilhadas e ferramentas para desenvolvedores. Permite edição multiusuário e comentários no navegador, e agora inclui recursos de design, animação, ilustração e desenvolvimento com IA. Tem uma opção gratuita, com planos pagos para recursos adicionais de equipe e profissionais.
