Log in to leave a comment
No posts yet
Às vezes, criar um sistema de design em uma startup acaba diminuindo a velocidade do trabalho. Isso acontece por causa do tedioso trabalho repetitivo de o desenvolvedor converter manualmente os valores alterados pelo designer em código. Automatizar esse processo é fundamental para que a equipe possa focar em questões essenciais do produto.
Não mapeie os valores da ferramenta de design para variáveis de código um por um. Ao introduzir tokens de design, esse elo de conexão se transforma em dados.
Ao configurar dessa forma, mesmo que o designer altere os valores de cor, o desenvolvedor não precisa tocar no código. O sistema atualiza automaticamente os arquivos CSS. Para a escala de fontes, defina-as matematicamente inserindo a Base e a Razão no painel de tokens do Penpot. Ao utilizar a fórmula , a consistência do design é mantida de forma forçada.
É ineficiente que os desenvolvedores verifiquem manualmente as alterações de design. Como o Penpot segue o padrão de tokens de design da W3C, é possível construir um pipeline.
Centenas de valores de tokens são importados para a base de código em um instante. O erro humano que ocorre na entrada manual desaparece. Serviços de grande escala como o Shopify também utilizam esse fluxo de trabalho baseado em tokens para atualizar o design instantaneamente sem modificações no código.
Não comunique as alterações de design por mensagens no Slack ou verbalmente. Gerencie-as através do Git, que é o ambiente mais familiar para desenvolvedores.
O desenvolvedor entende imediatamente no PR quais valores foram alterados e por quê. Isso economiza o tempo de precisar perguntar o motivo das mudanças.
Não tente alterar todo o código de uma só vez. A técnica de fallback, que mistura CSS existente com novos tokens, é realista.
Os componentes que ainda não tiveram os tokens definidos manterão os valores originais. Você pode modernizar o sistema gradualmente sem se preocupar em quebrar a interface. Comece conectando um pequeno token de cor ao pipeline. Essa é a maneira de evitar, desde agora, a enorme dívida técnica que surgirá no futuro.