No conjunto de ferramentas do desenho gráfico, o PenPot (“caneca das canetas”) vem complementar o trabalho gráfico realizado em ferramentas como o Krita, GIMP ou Inkscape, e prepará-lo para o seu destino final, permitindo uma gestão coesa da imagem.
Instalação
Esta aplicação não requer instalação, podendo ser utilizada directamente em design.penpot.app. No entanto, existe a possibilidade de instalar a mesma versão num computador ou num servidor próprio.
É necessária uma inscrição gratuita na plataforma, que permite equipas até oito editores e 10 GB de armazenamento (não há limite para o número de pessoas só com acesso à visualização). Os planos pagos oferecem a possibilidade de criar equipas maiores; na instalação num servidor próprio pode-se desligar o registo de utilizador ou utilizar um gestor de credenciais próprio, por exemplo, num ambiente empresarial.
Ambiente de trabalho
O PenPot tem duas áreas de trabalho: o projecto e a edição do ficheiro.
Na edição do ficheiro, ao centro temos a área de trabalho, com a barra das ferramentas, que são, da esquerda para a direita: selecionar/mover, criar pranchetas (boards), quadrados/rectângulos, círculos/elipses, texto, inserir imagens, desenho livre, caminhos e extensões/plugins. À direita, temos a zona de inspecção e propriedades dos objectos, preenchida conforme o objecto seleccionado. À esquerda, ficam os objectos em edição ou os recursos disponíveis.
Utilização
O PenPot organiza os elementos gráficos em pranchetas, que representam as área activas de edição e visualização, sendo que podem existir várias por página e várias páginas por ficheiro.
Cada prancheta representa o destino final do projecto em curso: o ecrã de um telemóvel ou tabuleta, uma publicação nas redes sociais, uma página Web, uma folha A4. Cada uma das pranchetas pode ter propriedades próprias e independentes (dimensão, fundo, sombras, guias e destinos de exportação).
Neste exemplo, temos duas panchetas (Board1 e Board2) e um rectângulo dentro de uma das pranchetas, como se comprova na hieraquia da página, à esquerda:
Podemos mover as pranchetas na página, que as posições relativas do rectângulo dentro da sua prancheta não mudam. Este tipo de hierarquia existe com praticamente todos os objectos, sendo que a lista à esquerda é editável: ou seja, podemos mover objectos entre eles mesmos e as prachetas, e modificar a ordem com que são visualizados, arrastando-os com o rato.
Exemplo
Mas o melhor é seguir um exemplo simples. Imaginemos a página de entrada de uma app da revista PCGuia, para telemóveis, que levaria a um tutorial do PenPot. Precisamos dos seguintes elementos:
– uma prancheta com as dimensões adequadas
– o logo da PCGuia
– o logo do PenPot
– um botão para entrar na aplicação
Eis o resultado, depois de ir buscar os logos às respectivas páginas na Web:
Este desenho é, assim, composto pelo logo da PCGuia dentro de um contentor; o logo PenPot que é um objecto composto de um desenho SVG com um fundo próprio; e o botão, que contém o texto e o formato do mesmo.
A seguir, podemos criar uma segunda prancheta com o conteúdo da página seguinte da app, e, utilizando a funcionalidade ‘Protótipo’, criar uma simulação que ligaria o botão da primeira para a segunda.
Conclusão
Há ainda muito que explorar: desde a criação gráfica directa, de ilustrações e apresentações, à composição e simulação de sítios Web e aplicações, a gestão de equipas, a bibliotecas e extensões disponíveis, à criação de base gráficas de objectos, cores e tipografias que asseguram a consistência de uma produção gráfica profissional. O céu é o limite e, aqui, apenas a estamos limitados às nossas próprias capacidades para levar a criação mais além.
O que fazer agora?
A app da PCGuia não existe, é certo, mas a equipa do PenPot tem vindo a criar uma lista de guias de aprendizagem e vídeos de tutoriais que encontramos em penpot.app/courses, penpot.app/learning-center e youtube.com/@Penp.
Regularmente, a equipa do PenPot realiza sessões em directo para a apresentação de novas funcionalidades e comunicação com os utilizadores. Estejam com atenção a community.penpot.app/c/announcements/5.
Existe ainda a comunidade PenPot em português, em community.penpot.app/c/penpot-in-your-language/em-portugues/20
Contribuir
Este é um projecto desenvolvido pela empresa espanhola Kaleidos, também conhecida pela aplicação de gestão de projectos Taiga. Está disponível com uma licença livre (Mozilla Public License 2.0, a mesma utilizada no Firefox) e conta com contribuições activas de várias dezenas de colaboradores desde que surgiu em 2016.
Este é um projecto aberto à colaboração, não só em programação e código, mas também em documentação, tradução (repararam que há frases e menus que ainda estão em inglês?), gestão de erros e colaboradores, criação de tutoriais (já em português), eventos e muito mais. O guia de contribuição, que explica tudo, está em help.penpot.app/contributing-guide.
Para aqueles que querem contribuir com o seu trabalho gráfico para a comunidade do software livre, existe ainda a comunidade Open Source Design opensourcedesign.net.
