Figma tem sido minha ferramenta de design preferida há anos e não tenho muitas reclamações sobre isso. Mas ultimamente, o espaço de design de código aberto tornou-se mais interessante, e você pode ser negligente em pelo menos não se aprofundar nele. Penpot é algo que sempre volto e já escrevi sobre isso mais vezes do que provavelmente é razoável – é a alternativa Figma mais avançada até hoje. Mas não é o único, e alguns mais jovens chamaram minha atenção ultimamente.
No entanto, uma coisa em particular me impediu de abandonar completamente o Figma e, na verdade, não está relacionada ao Figma em si. Esta é a mesma coisa que me impediu de seguir qualquer uma das alternativas que tentei antes. Recentemente, um deles mudou, e eu diria que esse é o motivo mais legítimo que encontrei até agora para considerar mudar alguma coisa.
Por que raramente tento me afastar do Figma para sempre
Não se trata realmente da ferramenta
A maioria dos artigos sobre alternativas ao Figma perde a parte que realmente importa ao tentar mudar, o que acontece com os arquivos existentes. O enquadramento tende a presumir que você está começando do zero. Mas qualquer pessoa que tenha desenvolvido por um período decente de tempo tem anos de arquivos .fig armazenados em sua conta Figma, que é o verdadeiro motivo pelo qual a maioria desses experimentos paralisa após um fim de semana de cutucadas e cutucadas.
.fig é um formato proprietário do Figma e basicamente nada mais pode lê-lo de forma limpa. Tome o Penpot como um exemplo óbvio – o mais próximo que você chegará de um caminho de migração é instalar o plugin Penpot Exporter no Figma, que permite exportar um arquivo como um .penpot zip para depois importar para o Penpot. Funciona com arquivos menores, mas arquivos maiores podem falhar e, mesmo quando isso acontece, coisas como variáveis de cores nem sempre aparecem. Também é unidirecional, portanto, quando um arquivo estiver no Penpot, ele permanecerá lá.
A outra alternativa comum é apenas exportar para SVG, mas isso causa ainda mais perdas e é igualmente unilateral. Qualquer coisa dinâmica no design simplesmente colapsa na forma como parecia na exportação, com seus componentes se transformando em grupos estáticos e o restante das informações estruturais se tornando superfrágeis ou simplesmente desaparecendo. Então você tem o resultado visual, mas não mais um design prático.
Para um trabalho de design em que você deseja continuar o que já iniciou, esse bloqueio de arquivo pode realmente se tornar um problema real. Também não é que o Figma seja intencionalmente restritivo, o formato simplesmente não vai a nenhum outro lugar de forma limpa. Ou pelo menos foi o que pensei até recentemente.
Experimentei Claude Design, Replit e Figma Make para design de UI e um avançou quilômetros
O mesmo prompt, três ferramentas de codificação de vibração muito diferentes
Este é exatamente o problema que o OpenPencil resolve
Ele lê e grava arquivos .fig localmente
A ferramenta da qual estou falando aqui é o OpenPencil, um editor de design de código aberto que só está em desenvolvimento ativo desde janeiro deste ano. Portanto, ainda é muito novo e não está pronto para produção. Mas o que é legal é que ele foi desenvolvido com CanvasKit e Yoga e vem como um aplicativo de desktop Tauri de 7 MB ou navegador integrado, sem necessidade de instalação. E a parte ainda mais interessante é o que faz com os arquivos .fig. Ele usa o mesmo codec binário Kiwi que o Figma usa internamente, então ele lê e grava o formato nativamente em vez de usar uma etapa de conversão. A equipe de desenvolvimento também está aberta sobre o porquê – Figma é uma plataforma fechada com um binário proprietário, e esse tipo de aprisionamento pode ser um risco de longo prazo.
Existem duas maneiras de obter um arquivo do Figma. Você pode salvar uma cópia local do .fig (Arquivo > Salvar cópia local no Figma) e abri-lo no OpenPencil, ou copiar as camadas no Figma usando Ctrl+C e colá-las diretamente no OpenPencil. Preenchimentos, traços, layout automático, texto, efeitos, raios de canto e malhas vetoriais permanecem intactos. Eu testei com muitos projetos mais antigos e tudo se resume aos pixels. Depois que o arquivo for importado, você não verá mais uma importação estática. É um verdadeiro editor de vetores com componentes, substituições de casos, variáveis de design, layout automático usando flexbox e CSS Grid e uma ferramenta de caneta adequada. Assim, você pode continuar trabalhando com o arquivo como faria no Figma.
A pergunta óbvia para mim era por que não exportar o projeto como SVG do Figma e abri-lo em qualquer editor de vetores? OpenPencil também exporta SVG (junto com PNG, JPG, WEBP, JSX com Tailwind e de volta para .fig), então a mesma pergunta se aplica a esse fim. A resposta é a acima – o SVG elimina tudo o que torna o arquivo realmente reproduzível. Native .fig é o único formato onde seus componentes são armazenados como componentes e seu sistema de layout está conectado a tudo por trás dele. É por isso que a viagem de ida e volta é verdadeiramente útil, em vez de uma migração só de ida que perde algo em cada sentido.
O suporte .fig é apenas uma das razões pelas quais o OpenPencil valeu a pena…
Tudo o mais que faz o OpenPencil valer a pena tentar
Tem algo que não é Figma, mas também falta algo importante
A outra razão para dar ao OpenPencil sua aparência real é a inteligência artificial – abordo isso com mais detalhes em um artigo separado, então não vou me alongar sobre isso aqui – mas a versão resumida é que o editor possui um painel de bate-papo com cerca de 90 ferramentas anexadas a ele, todas trabalhando diretamente na tela. Você leva sua chave de API com você para pagar apenas pelo que realmente usa. O equivalente do Figma funciona com um sistema de crédito controlado por trás de um espaço pago, que nunca adorei. OpenPencil também fornece um servidor MCP para que você também possa conectar seu agente de codificação preferido para trabalho sem cabeça.
A prototipagem ainda está se atualizando – fluxos clicáveis e transições de quadros ainda não foram lançados, eles estão no roteiro, mas se isso faz parte do seu fluxo de trabalho hoje, esta não é a ferramenta para isso. O ecossistema de plugins também está bastante vazio no momento. Esses recursos provavelmente irão aumentar e diminuir à medida que a ferramenta amadurece, e vale a pena experimentá-los em projetos pessoais agora, mas talvez não seja hora de abandonar seu assento Figma ainda.
A primeira vez que a transição do Figma realmente parecia possível
Não vou parar de usar o Figma tão cedo, só o protótipo que falta está me mantendo lá por enquanto. Mas esta é a primeira vez que uma ferramenta de design de código aberto realmente parece uma opção viável para mover meu trabalho existente em vez de recomeçar. Se o resto do guia acontecer da maneira que a equipe planeja, acho que a conversa sobre as alternativas do Figma realmente muda.
