Penpot

No Penpot, o arquivo de design já nasce em formatos abertos (SVG, CSS, HTML e JSON), que o time de desenvolvimento aproveita direto. É uma plataforma de design e protótipo para equipes de produto, usada no navegador ou instalada nos seus servidores. Costuma aparecer como alternativa open source ao Figma.

Para que serve

• Criar interfaces e protótipos em equipe, com edição em tempo real.
• Construir um design system com componentes, variantes e design tokens.
• Desenhar layouts responsivos com regras de CSS Grid e Flex.
• Copiar o SVG, o CSS e o HTML de qualquer elemento na aba de inspeção.
• Conectar o Penpot a outras ferramentas por plugins, webhooks, API e um servidor MCP, que deixa assistentes de IA lerem os arquivos.

Como começar

Uma conta em design.penpot.app já dá acesso à versão em nuvem. Para hospedar, o README aponta guias no site oficial para Docker, Kubernetes e Elestio, entre outras opções. A instalação própria decide onde os arquivos ficam guardados, o que pesa em empresa com regra rígida de dados.

Licença e custo

A Mozilla Public License 2.0 trabalha arquivo por arquivo. Se você alterar um arquivo do Penpot e distribuir o resultado, aquele arquivo continua aberto sob MPL; código seu em arquivos separados pode ter outra licença. O Professional, da versão em nuvem, custa zero, e o site diz que ele vem completo, sem limite de recursos. O Unlimited sai por US$ 7 por editor ao mês, com teto de US$ 175, e acrescenta espaço e histórico maior. O Enterprise custa US$ 25 por membro e traz governança e permissões por equipe. Um servidor privado gerenciado parte de US$ 50 mil por ano.

Quando vale a pena

Equipe que quer fugir da licença por assento, ou que precisa guardar o design dentro da própria infraestrutura, tem no Penpot a opção mais direta. Se o fluxo depende de plugins específicos do Figma, teste a migração com um projeto real antes de trocar. Para rascunho e diagrama rápido, o Excalidraw resolve com menos. E se a necessidade é editar imagem, veja as alternativas gratuitas ao Photoshop.