Penpot: Alternativa Gratuita ao Figma | Guia Completo
Penpot: A Alternativa Gratuita ao Figma para Design Colaborativo
Quanto você pagou de assinatura do Figma nos últimos 12 meses — e quantos desses recursos você realmente usou?
Se a resposta te deixou desconfortável, você não está sozinho. Designers, desenvolvedores e times de produto no Brasil inteiro estão fazendo essa mesma conta. O Figma é uma ferramenta excelente, mas o modelo de preço baseado em “editor seats” faz o custo escalar rápido quando o time cresce.
A boa notícia: existe uma alternativa sólida, open source, gratuita e que roda direto no navegador. O Penpot é essa alternativa — e este guia mostra como tirar proveito dela desde o primeiro acesso.
Por que o Figma virou problema para muitos times
Foto: F1Digitals
O Figma foi adquirido pela Adobe em 2022 e, depois do bloqueio regulatório que impediu a fusão, ficou independente — mas os preços já tinham subido. O plano Professional custa atualmente em torno de US$ 15 por editor/mês, e o plano Organization ultrapassa US$ 45.
Para uma startup com cinco designers, isso significa facilmente US$ 900 por ano só para manter todo mundo editando. Adiciona desenvolvedores que precisam comentar, stakeholders que querem revisar protótipos, e o número cresce.
Alguns cenários que empurram as pessoas para buscar alternativas:
- Times remotos com colaboradores internacionais onde cada “seat” pesa mais no bolso
- Freelancers que precisam de uma ferramenta profissional sem comprometer a margem
- Agências que entregam projetos para clientes e não querem depender de uma licença compartilhada
- Empresas com requisitos de compliance que não podem subir dados sensíveis para servidores de terceiros
O Penpot resolve todos esses cenários — e de formas que o Figma simplesmente não consegue oferecer.
O que é o Penpot e por que ele é diferente
O Penpot é uma ferramenta de design e prototipagem open source, desenvolvida pela empresa espanhola Kaleidos. É gratuito para usar na nuvem deles, pode ser auto-hospedado na sua infraestrutura, e tem o código-fonte completamente aberto no GitHub.
O que distingue essa alternativa gratuita ao Figma das demais não é só o preço zero — é que o modelo de negócio não depende de travar você na plataforma. Seus arquivos ficam em formatos abertos, a ferramenta roda onde você quiser, e o código pode ser auditado ou modificado.
Open source de verdade, não “freemium disfarçado”
Quando dizemos open source aqui, estamos falando de código MIT hospedado publicamente. Você pode pegar o código, modificar, contribuir e até criar uma versão privada para seu time sem pedir permissão para ninguém.
Isso tem implicações práticas importantes:
- Sem lock-in: seus arquivos ficam em formatos abertos (SVG, CSS). Se o Penpot fechar amanhã, você não perde acesso aos seus designs
- Auto-hospedagem real: você roda na sua VPS, seu servidor interno, ou onde preferir — sem enviar dados para terceiros
- Customização: empresas com necessidades específicas podem adaptar a ferramenta
Com mais de 33 mil stars no GitHub e releases mensais consistentes desde 2021, não é um projeto abandonado. O roadmap público mostra entregas planejadas para os próximos trimestres com issues abertas e respondidas em dias.
Interface familiar para quem vem do Figma
Em 30 a 60 minutos de exploração, a maioria dos designers já consegue criar frames, organizar componentes e exportar assets — sem assistir tutorial nenhum. Se você já usou Figma, Sketch ou Adobe XD, vai reconhecer os padrões de interação imediatamente.
O layout segue o padrão que a indústria consolidou:
- Painel de layers à esquerda
- Canvas central com zoom e pan
- Painel de propriedades à direita
- Toolbar superior com as ferramentas principais
A grande diferença conceitual é que o Penpot usa CSS real como base para os estilos. Quando você define uma sombra ou um gradiente, está literalmente escrevendo CSS por baixo dos panos. Para quem trabalha próximo de desenvolvimento front-end, isso elimina a fricção de traduzir design para código.
Como instalar e começar a usar o Penpot
Foto: F1Digitals
Você tem duas opções: usar a versão cloud deles (gratuita, sem limite de arquivos) ou rodar localmente. Veja o passo a passo de cada uma.
Opção 1: Penpot Cloud — começa em 3 minutos
- Acesse penpot.app
- Clique em “Start for free” e crie sua conta com email ou Google
- Você cai direto no dashboard — sem trial, sem cartão de crédito
- Clique em “New project” e depois em “New file” para abrir o editor
Na versão cloud, você pode convidar colaboradores para o mesmo arquivo clicando no botão “Share” no canto superior direito. Colaboradores com conta Penpot podem comentar e editar em tempo real — também de graça.
Dica rápida: Se você vem do Figma, vá em File → Import e escolha um arquivo
.fig. O Penpot importa arquivos Figma com fidelidade razoável — especialmente útil para migrar projetos em andamento sem recriar tudo do zero.
Opção 2: Auto-hospedagem com Docker
Para quem precisa de controle total dos dados, a instalação via Docker é direta. Você vai precisar de um servidor Linux com Docker e Docker Compose instalados.
# Baixe o docker-compose oficial
curl -O https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
# Suba os containers
docker compose -p penpot -f docker-compose.yaml up -d
Em poucos minutos, o Penpot estará rodando em http://localhost:9001. Para colocar em produção com domínio próprio, você adiciona um reverse proxy (Nginx ou Caddy) na frente.
Essa opção é especialmente relevante para times que trabalham com dados sensíveis — saúde, jurídico, finanças — onde subir wireframes e mockups para servidores externos pode ser um problema de compliance.
Recursos que você vai usar no dia a dia
O Penpot não é uma cópia simplificada do Figma. Ele tem suas próprias escolhas de design que, depois que você entende, fazem bastante sentido.
Components e Assets
O sistema de componentes do Penpot funciona de forma similar ao Figma: você cria um “main component” e instâncias dele se propagam pelo projeto. Editar o main atualiza todas as instâncias automaticamente.
Para criar um componente:
- Selecione os elementos que formam o componente
- Clique com o botão direito → “Create component”
- O componente aparece no painel “Assets” (ícone de cubo no lado esquerdo)
Uma funcionalidade que o Penpot executa melhor que o Figma nos planos pagos intermediários: shared libraries entre projetos. Você define uma biblioteca de design tokens e componentes uma vez e usa em todos os arquivos do workspace sem precisar de plano pago. No Figma, esse recurso exige pelo menos o plano Professional.
Para times que estão construindo ou mantendo um design system, isso é um baita diferencial.
Prototipagem e colaboração em tempo real
Para criar protótipos interativos no Penpot:
- Selecione um frame ou elemento
- No painel direito, clique na aba “Design” e depois vá para “Prototype” (ícone de seta)
- Arraste a conexão para o frame de destino
- Configure o tipo de transição (slide, dissolve, etc.)
Para visualizar o protótipo, clique no botão “Play” no canto superior direito. Você pode compartilhar o link de preview com clientes sem que eles precisem criar conta — o link de visualização é público.
A colaboração em tempo real funciona com cursores nomeados, exatamente como no Figma. Você vê quem está editando o quê em tempo real, e os comentários ficam ancorados nos elementos do canvas.
O que o Penpot ainda não faz tão bem
Foto: F1Digitals
O Penpot é uma ferramenta excelente, mas não tem paridade completa com o Figma em todos os aspectos.
Alguns pontos onde ele ainda fica atrás:
Plugin ecosystem: O Figma tem centenas de plugins ativos, da geração de dados falsos até integração com Jira. O Penpot está construindo a API de plugins e já tem algumas extensões disponíveis, mas o ecossistema é muito menor por enquanto.
Auto Layout: O Figma tem um sistema de Auto Layout muito maduro. O Penpot tem o equivalente (chamado de “Flex Layout” e “Grid Layout”), mas a experiência de uso ainda é mais manual em alguns cenários — especialmente em layouts aninhados complexos.
Figma-specific features: Variables com modos múltiplos, advanced prototyping com estados condicionais, e alguns recursos lançados nos últimos dois anos no Figma ainda não têm equivalente no Penpot.
Performance em arquivos muito grandes: Em arquivos com centenas de frames e milhares de assets, o Penpot pode ficar mais lento que o Figma no browser — especialmente em conexões mais lentas.
Para a maioria dos projetos — landing pages, apps, dashboards, design systems básicos — esses pontos não vão te impedir. Mas se você usa pesadamente variáveis do Figma ou plugins específicos, avalie com cuidado antes de migrar.
Migrando do Figma para o Penpot sem perder a cabeça
A migração não precisa ser total e imediata. A estratégia mais inteligente é começar novos projetos no Penpot enquanto mantém os projetos em andamento no Figma.
Semana 1-2: Exploração Pegue um projeto pequeno e encerrado no Figma e importe para o Penpot. Veja o que veio bem, o que ficou diferente, e se familiarize com as diferenças de interface.
Semana 3-4: Projeto real pequeno Use o Penpot num projeto novo de escopo limitado — um componente isolado, um fluxo de onboarding, uma página de landing. Sem pressão de deadline apertado.
Mês 2 em diante: Decisão consciente Com duas semanas de uso real, você vai saber exatamente se o Penpot atende seu fluxo. A maioria das pessoas que chega nesse ponto decide ficar — pelo menos para novos projetos.
Uma dica que acelera a adoção do time: centralizar notificações de atualização de design em torno do projeto. Times que combinam o Penpot com ferramentas de automação como o ZapEnvios para alertas via WhatsApp eliminam o problema clássico de “qual versão é a final?” — cada atualização publicada dispara uma notificação direta no grupo do time.
Outra dica de produtividade: se você está revisando seu stack de ferramentas para trabalhar com mais eficiência, o curso Produtividade com Tecnologia cobre como integrar ferramentas como o Penpot num fluxo de trabalho moderno — vale checar antes de reformular todo o seu processo.
Resultado esperado: o que muda quando você adota o Penpot
Foto: Andy Barbour
Depois de algumas semanas usando o Penpot no dia a dia, o que você vai notar:
Financeiramente: zero de custo para times de qualquer tamanho na versão cloud. Se você estiver pagando Figma Professional com cinco editores, a economia passa de US$ 900 por ano — imediata no primeiro mês.
Para times técnicos: a integração com CSS real muda a conversa entre design e desenvolvimento. Desenvolvedores front-end entendem exatamente o que o designer especificou sem precisar de “tradução”.
Para privacidade e compliance: a opção de auto-hospedagem dá ao time controle total sobre onde os dados ficam. Isso desbloqueou casos de uso em saúde e jurídico que simplesmente não eram possíveis com ferramentas SaaS puras.
Para freelancers: você entrega protótipos profissionais para clientes, com link de preview funcionando, sem pagar nada e sem pedir que o cliente crie conta em lugar nenhum.
Resumo: Penpot vs Figma — o que você precisa saber
| Critério | Penpot | Figma |
|---|---|---|
| Preço | Gratuito (cloud + self-host) | US$ 15+/editor/mês |
| Open source | Sim (MIT) | Não |
| Auto-hospedagem | Sim, via Docker | Não |
| Colaboração em tempo real | Sim | Sim |
| Importação de arquivos Figma | Sim (fidelidade razoável) | Nativo |
| Plugins | Ecossistema em crescimento | Centenas disponíveis |
| Auto Layout | Flex + Grid Layout | Auto Layout maduro |
| Design tokens / Variables | Tokens básicos | Variables avançadas |
| Performance em arquivos grandes | Adequado | Melhor |
| Prototipagem | Funcional | Avançada |
| Ideal para | Times que buscam custo zero, compliance, open source | Times que precisam de ecossistema consolidado |
Pronto para testar? Acesse penpot.app, crie sua conta gratuita em menos de dois minutos e abra um projeto novo hoje. Você não precisa migrar tudo de uma vez — só precisa começar.
Perguntas Frequentes
Quanto custa o Figma e por que virou problema para muitos times?
O Figma cobra US$ 15 por editor/mês no plano Professional e acima de US$ 45 no Organization. Para times remotos, agências e freelancers, esse modelo de precificação por seat torna o custo rapidamente inviável, especialmente com colaboradores internacionais.
O que é o Penpot e quais são suas principais características?
O Penpot é uma ferramenta de design e prototipagem open source desenvolvida pela Kaleidos. É gratuita na nuvem, pode ser auto-hospedada, roda no navegador e oferece colaboração sem limites de editores.
Quais cenários favorecem migrar para o Penpot em vez de usar o Figma?
Penpot é ideal para times remotos internacionais, freelancers que precisam proteger margem, agências com projetos para clientes e empresas com requisitos de compliance que não podem armazenar dados em servidores de terceiros.