Penpot
Alternativa open source ao Figma para design de interfaces e protótipos.
O que é
O Penpot é uma ferramenta de design e prototipação open source (MPL-2.0) que roda no navegador. Usa padrões abertos (SVG, CSS, HTML), tem componentes, design tokens, flex/grid layout e colaboração em tempo real.
Pra que serve
- Criar telas e protótipos navegáveis de apps e sites
- Montar design systems com componentes e tokens
- Entregar para devs com código CSS/SVG de verdade
Qual problema resolve
Ferramentas de design proprietárias limitam o plano grátis; o Penpot é livre e pode ser hospedado por você.
Como instalar — Antes de começar
Use grátis em penpot.app ou hospede com Docker Compose.
Acesse http://localhost:9001.
Como instalar — Windows
Com o Docker Desktop aberto, rode o comando no PowerShell.
Como instalar — macOS
Com o Docker Desktop aberto, rode o comando no Terminal.
Como instalar — Linux
Com o Docker instalado, rode o comando (use sudo se seu usuário não estiver no grupo docker).
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml && docker compose -p penpot -f docker-compose.yaml up -d