28 pontos por GN⁺ 2025-09-13 | Ainda não há comentários. | Compartilhar no WhatsApp
  • Reshaped é um projeto que oferece bibliotecas de componentes para React e Figma para designers e desenvolvedores
  • No início, funcionava com um modelo de licença paga, mas agora foi totalmente convertido para open source
  • Com a abertura do código, tanto o código-fonte quanto a biblioteca de design passaram a estar disponíveis no GitHub e na Figma Community
  • O projeto fortalece a integração entre design e engenharia e apresenta boas práticas que podem ser aplicadas diretamente no trabalho do dia a dia
  • Quem já comprou anteriormente continuará recebendo atualizações e suporte

Contexto da transição do Reshaped para open source

  • Há cerca de 5 anos, o projeto Reshaped começou pela necessidade de uma biblioteca de componentes que pudesse ser usada tanto no React quanto no Figma
  • Com base em mais de 10 anos de experiência trabalhando com sistemas de design, há uma compreensão clara dos problemas recorrentes em sistemas de design e dos bons critérios para resolvê-los
  • Foi percebido que 80% da web ainda é construída sobre princípios centrais de design muito semelhantes, então foi projetado um sistema que cobre amplamente esse cenário e, ao mesmo tempo, fornece utilitários de baixo nível para que desenvolvedores consigam lidar com os 20% restantes com flexibilidade
  • Desde o início, o foco não foi apenas em acessibilidade ou apenas em design, mas em resolver em conjunto vários desafios reais de produto, como alinhamento entre design e engenharia, temas de UI, modo escuro e microanimações

Do modelo pago à decisão de abrir o código

  • Para garantir a sustentabilidade do projeto, no começo foi adotado um modelo de venda de licenças pagas para indivíduos e equipes
  • Isso permitiu focar mais de perto em uma comunidade pequena e responder com profundidade a relatos de bugs e pedidos de funcionalidades
  • Sempre existiu o desejo de remover a barreira paga em algum momento, e há 2 anos o pacote React foi disponibilizado gratuitamente primeiro, abrindo novas possibilidades
  • Agora, todo o código-fonte e a biblioteca do Figma foram abertos como open source, com o React disponível no GitHub e o Figma na Figma Community

Significado e efeitos esperados da abertura

  • O Reshaped é uma ferramenta que cria uma ponte entre design e engenharia, permitindo que ambos aprendam boas práticas para construir sistemas de design escaláveis
  • Com o código da biblioteca aberto, será possível compartilhar com transparência o processo real de implementação sempre que novos recursos forem introduzidos
  • Novos recursos do Figma ou do React também poderão ser benchmarkados antecipadamente por meio dos exemplos do Reshaped antes de serem aplicados ao sistema de design da empresa

Próximos passos e suporte à comunidade

  • A biblioteca de componentes do Reshaped continuará sendo expandida no futuro
    • Quem comprou anteriormente continuará recebendo atualizações futuras e suporte sem mudanças
    • Os canais de comunicação existentes também serão mantidos da mesma forma
  • No futuro, está sendo considerada a adição de componentes premium mais sofisticados e com maior usabilidade sobre a biblioteca principal
    • O foco não será em recursos pontuais, como 50 layouts de landing page, mas em componentes de alta complexidade que exigem CSS complexo e lógica React

A decisão de devolver à comunidade

  • Depois de 5 anos operando em closed source, agora é hora de devolver tudo à comunidade, com expectativa por uma nova fase mais divertida

Ainda não há comentários.

Ainda não há comentários.