Pular para o conteúdo
John Morais

Design de produto, liderança e a série Harness Design

Tear visto de perto, com muitos fios verdes esticados na vertical. Uma mão sem rosto passa um fio cor de argila sobre a trama, e embaixo já há uma faixa tecida com gregas, espirais e círculos concêntricos. No meio dos fios, um nó solto fica pendurado sem trama ao redor.

11 · Mais recente da série

Harness Design na prática: como destravar a fila de telas quando não há designer para todas

. Design, Inteligência artificial.

  1. Artigo 10: Por que o Flutter levou 25 dias a mais: fechando a fundação de tokens do Harness Design System

    O rollout dos tokens do Flutter no app do Prolog foi em 24/09, e a release para quem usa o produto saiu esta semana. O React já estava no ar, então a fundação de tokens do Projeto Harness Design System está fechada nas duas stacks, com harness aplicado e tokens que uma LLM consegue consumir.

    Vista de baixo de duas escadas cavadas num barranco de barro, em tom escuro e com névoa ao fundo: a da esquerda é lisa e regular, com corrimão, e a da direita é irregular, com raízes atravessando os degraus. Ao pé da escada irregular, um pratinho de barro com alguns seixos ao lado de um monte bem maior de seixos.

  2. Artigo 9: O Astryx resolveu o problema de intenção. O da Meta.

    A Meta abriu o Astryx, o design system que rodava internamente há oito anos em treze mil aplicações, sob licença MIT. O diferencial que todo mundo está comentando é que ele foi construído para ser lido por agente: um CLI que devolve a documentação completa de cada componente, um manifesto em JSON que descreve todo…

    Três portas de fábrica iguais, lisas e bege, e ao lado uma porta velha entalhada à mão, com losangos, remendos e musgo. Na porta entalhada, à altura da mão, uma pequena gaveta de correr cor de argila ocupa o lugar de uma vidraça.

  3. Artigo 8: O rollout dos tokens com camada de Harness Design

    Fechei o Marco 1 e o Marco 2 do Projeto Harness Design System nos artigos anteriores. A fundação de tokens pronta, a governança definida, o schema de harness aplicado no Figma.

    Vista de cima de dois rios lado a lado sem se misturar: à esquerda, água verde escura, e à direita, água clara cor de areia, separadas por uma divisa sinuosa com uma faixa de greca. Junto à divisa, uma pequena boia de argila presa a uma estaca.

  4. Artigo 7: O que ninguém te conta sobre liderar experimentos com IA

    Existe uma parte desse trabalho que eu ainda não tinha nomeado nos artigos anteriores. Não é técnica. Não aparece em diagrama de fluxo nem em schema de token. Mas ela está presente em todo dia de projeto: a sensação de avançar sem saber exatamente para onde.

    Trilha de pedras sobre água rasa e parada, entre troncos sem folhas na névoa. Uma mão sem rosto, vinda da esquerda, apoia na água uma pedra cor de argila, e as pedras do fundo ainda aparecem só como esboço. Num canto, dois seixos lado a lado: um inteiro e outro rachado.

  5. Artigo 6: O que a fundação de tokens escondeu: fechando o Marco 1 do Harness Design System

    Continuando a primeira semana de dedicação exclusiva do projeto, o trabalho foi todo no Marco 1, que a gente chamou de fundação técnica em tokens. Já contei nos artigos anteriores por que a gente começa por aí. Tokens são a menor unidade do sistema.

    Corte lateral do chão, com um toco de árvore cortado rente e as raízes se abrindo na terra escura. Uma raiz foi cortada, com a ponta clara, e o pedaço que saiu está caído logo abaixo. Pequenos losangos marcam a terra.

  6. Artigo 5: O primeiro resultado: como definimos a governança dos tokens do Harness Design System

    Fizemos questão de resolver a governança logo de cara, porque o objetivo nunca foi só fazer funcionar uma vez. Era entregar uma solução escalável, que outras pessoas do time consigam manter depois.

    Parede de tábuas claras com ferramentas penduradas em pregos: machado, martelo, serra, formão, colheres de pau e pincéis. Um prego vazio guarda só o contorno pálido de um pincel que falta, ao lado de um formão novo, e discos com anéis concêntricos pontuam a fileira.

  7. Artigo 4: Como os erros estão guiando o Harness Design System

    Uma conversa hoje com o Gustavo Navarro, nosso Engineering Manager, e o Diogenes Vanzela, nosso Group Product Manager, me fez enxergar algo que estava na frente desde o início. O mapa do que precisamos documentar no Projeto Harness Design System já existia.

    Rede de pesca escura esticada como um véu diante de uma luz baixa, com rasgos que brilham em volta de uma grande abertura central. Uma fileira de boias de barro corre na parte de baixo, e um remendo quadrado, atado com outro tipo de nó, aparece à direita.

  8. O fio continua

    Série completa: os artigos 1 a 3 e o índice de todos os 11

    Do mais antigo ao mais recente, com resumo de cada um.

  9. Quem escreve

    John Morais

    Product Design Manager na Prolog App desde 2025. Antes, de 2017 a 2024, na Clicksign, como Product Designer Senior, Product Design Lead e Product Design Manager.

    SobreLinkedIn

    John Morais

Fora da série

Todos os posts