15 pontos por GN⁺ 2024-05-02 | 4 comentários | Compartilhar no WhatsApp
  • Penpot é uma ferramenta de design open source baseada na web que reduz a distância entre designers e desenvolvedores
  • O cadastro é gratuito, e também há suporte para instalação com auto-hospedagem
  • Com o lançamento da versão 2.0, foram adicionados recursos como layout Grid CSS, um novo sistema de componentes, troca de componentes e geração de código HTML

Ferramenta de design poderosa

  • Design de interface
    • Suporte a layouts flexíveis, sistemas de design e fontes personalizadas
  • Prototipagem
    • Fluxos interativos, interações e transições
  • Feedback e compartilhamento
    • Todos os stakeholders podem participar
  • Inspeção de código
    • Fornece especificações, CSS e marcação HTML/SVG

Colaboração real entre design e código

  • O Penpot representa design nativamente em CSS, SVG e HTML
  • Os desenvolvedores podem trabalhar diretamente na interface
  • Toda a equipe pode aproveitar um fluxo de trabalho único e contínuo
  • Não é mais necessário passar por um processo de handoff

Padrões abertos e open source

  • Independentemente do tamanho da equipe, é possível ter total propriedade sobre os trabalhos e as ferramentas em qualquer projeto atual ou futuro
  • Flexibilidade de APIs e webhooks
    • É possível integrar o Penpot à cadeia de ferramentas de desenvolvimento existente, seja usando o navegador ou uma instância privada

Comunidade

  • Bibliotecas e templates
    • É possível criar diversos templates ou bibliotecas, compartilhar ou baixar e usar em projetos do Penpot
  • Contribuição
    • É possível ajudar uns aos outros com código e ideias de design, bibliotecas, templates, integrações, tutoriais etc.
  • Penpot Fest
    • Conferência em que designers e desenvolvedores se reúnem para construir uma colaboração sem limitações

Opinião do GN⁺

  • O Penpot é uma ferramenta que facilita a colaboração entre designers e desenvolvedores, com a vantagem de expressar elementos de design em padrões web como CSS, SVG e HTML, permitindo uso imediato no processo de desenvolvimento sem trabalho adicional. Isso tende a tornar mais fluida a transição do design para o desenvolvimento.
  • Ferramentas semelhantes já existentes incluem Figma, Sketch e Adobe XD, mas o Penpot se diferencia por ser open source. Como o código-fonte é aberto, qualquer pessoa pode adicionar ou modificar recursos, e a auto-hospedagem também é possível, o que o torna adequado para empresas em que a segurança é importante.
  • No entanto, por ainda ser um projeto recente, pode ficar atrás das ferramentas já estabelecidas em estabilidade ou desempenho. Também há a limitação de não poder usar diretamente o ecossistema ou os plugins das ferramentas existentes.
  • Em resumo, para organizações centradas em desenvolvimento web, os pontos fortes do Penpot na integração com o processo de desenvolvimento devem se destacar, mas em colaboração de design mais geral, parece difícil substituir imediatamente as ferramentas existentes. Ainda assim, no longo prazo, é um projeto com potencial de evolução aproveitando as vantagens do open source.

4 comentários

 
biyott 2024-10-31

Ao usar, foi uma pena ver que o suporte a coreano não funciona bem. (ao digitar e salvar, ocorrem erros de página ou de caracteres etc.)
Parece funcionar bem só no PC, e ainda não há consideração para uso como viewer em mobile ou tablet.
A menos que seja para um contexto centrado em inglês e apenas no PC, parece que ainda é cedo para usar.

 
rabolution 2024-05-04

o penpot foi feito em Clojure. Languages Clojure 71.7%

 
xguru 2024-05-04

Penpot - ferramenta open source de colaboração para design & prototipagem
Penpot, alternativa open source ao Figma, recebe investimento de $8M

Na época em que a aquisição da Figma pela Adobe estava em andamento, a empresa também recebeu investimento, mas como a compra acabou não se concretizando, a situação ficou um pouco ambígua.
Agora, com o lançamento da versão 2.0, ele realmente parece ter melhorado bastante. A avaliação de que é melhor que o Figma na geração de código é o que mais chama a atenção.

 
GN⁺ 2024-05-02
Comentários do Hacker News

Resumo:

  • É difícil para uma ferramenta de design open source substituir ferramentas de design comerciais. Ferramentas comerciais tiveram UX e desempenho aprimorados ao longo de muito tempo.
  • Aparentemente, o bom desempenho do Figma se deve a um renderizador customizado baseado em WebGL. O Penpot é baseado em React, então há curiosidade sobre a comparação de desempenho.
  • Após o anúncio da aquisição pela Adobe, houve quem migrasse temporariamente para o Penpot, mas acabou voltando por sentir falta das vantagens do Figma e por causa da curva de aprendizado gerada por pequenas diferenças. Depois que a aquisição foi cancelada, decidiu permanecer no Figma.
  • A própria existência do Penpot ajuda a conter aumentos de preço do Figma.
  • Lunacy é gratuito, não exige login e oferece cliente nativo para Linux.
  • As ferramentas e frameworks evoluem, mas a UX da web está piorando. Desde a era das aplicações web, parece que o principal aprendizado foi apenas “esperar”.
  • Há avaliações de que o Penpot é melhor em geração de código. Pode ser útil quando são necessárias muitas páginas com gráficos personalizados e código/funções.
  • É difícil encontrar a licença do Penpot.
  • Tanto o cliente quanto o servidor do Penpot são lentos e ineficientes. Parece haver necessidade de reescrever o frontend com WASM + WebGL.
  • Não se entende o interesse pelo Figma. Se ele não consegue gerar templates HTML reutilizáveis e CSS, então é apenas uma ferramenta para designers e pode tornar a vida dos desenvolvedores mais difícil.