Ir para o conteúdo principal

Dos silos à agilidade: como a Plaid unificou design de produtos e marca no Figma

Pioneira em open banking nos EUA, a Plaid oferece conexões seguras entre as contas financeiras das pessoas e os apps que elas usam todos os dias. Se você enviou dinheiro pelo Venmo, comprou criptomoedas na Coinbase ou acompanhou investimentos no Robinhood, a Plaid ajudou a tornar isso possível.

Sistema visual exclusivo da Plaid inspirado em guilhochê

A missão é ambiciosa: abrir caminho para a liberdade financeira para todos. Para isso, a Plaid oferece uma plataforma que apoia mais de 12.000 instituições financeiras e mais de 8.000 serviços financeiros digitais, facilitando a conexão segura das contas das pessoas aos serviços fintech. Operando em um espaço altamente regulamentado, a Plaid se orgulha de ser ágil sem abrir mão da confiança e da segurança exigidas pela inovação financeira.

Interface do site da Plaid antes do rebranding

A Plaid precisava ajustar seu design system para criar experiências mais consistentes e escaláveis em um ecossistema de produtos em crescimento e cada vez mais complexo. O rebranding foi o momento certo para reavaliar e reforçar essa base. Com o Figma Enterprise, as equipes de produto, marca e design systems contavam com um espaço compartilhado para colaboração multifuncional.

Ter um espaço compartilhado para trocar ideias é essencial. O Figma tornou isso muito simples e viável.

Chris Warner, Líder criativo, Plaid

Desafio: linguagem visual fragmentada nos novos produtos

Com o crescimento da Plaid e os novos produtos, surgiu um grande desafio: manter a coesão visual. O trabalho era distribuído entre plataformas de design, software de prototipagem, documentos e quadros brancos, cada uma delas cobrindo uma parte diferente do processo.

Para a equipe de marca, era ainda mais difícil manter o fluxo criativo. Os briefings redigidos e revisados pela equipe no Google Docs eram encaminhados à equipe de design. Os documentos passavam para as etapas de design e entrega de recursos em um processo linear e isolado. Essa abordagem de “linha de montagem” separava a estratégia da execução, tornando difícil manter o ritmo.

O Threads, o design system da Plaid, adicionou outra camada de complexidade. Com várias equipes mantendo variações ligeiramente diferentes de componentes, até pequenas alterações exigiam coordenação entre várias bibliotecas dependentes.

O rebranding proporcionou à Plaid o impulso necessário para repensar a unificação da equipe em torno de uma linguagem de design compartilhada. “Nosso fundador realmente queria que esse rebranding desse certo”, afirmou Christophe Tauziet, Diretor de design da Plaid. “Mas, para isso, era preciso envolver todos no processo de uma forma mais rápida, colaborativa e realmente alinhada.”

Elementos do visual renovado da Plaid

Solução: uma plataforma unificada para design, colaboração e gerenciamento de sistemas

A Plaid simplificou seu fluxo de trabalho migrando tudo para o Figma, substituindo um labirinto de ferramentas de design, prototipagem e feedback por uma única plataforma compartilhada.

A Plaid usa o Figma para testar e aplicar variáveis de cor

Com o Figma Enterprise, a Plaid ganhou a flexibilidade necessária para trabalhar em grande escala. As variáveis viabilizaram o teste de novas direções, a comparação de opções e a implementação cuidadosa de mudanças em diferentes áreas do produto. As equipes poderiam alternar paletas de cores ou abordagens visuais no seu próprio ritmo, reduzindo o risco e incentivando mais experimentação.

Temas do Plaid nos modos claro e escuro

Também ficou mais fácil explorar novos rumos para a tipografia. O suporte a recursos avançados de tipografia ajudou a Plaid a testar novas fontes personalizadas e comparar opções diretamente no sistema onde elas seriam usadas. A REST API do Figma simplificou partes do fluxo de trabalho do design ao código, reduzindo etapas manuais e erros de tradução. Esses recursos deram a designers e engenheiros um caminho mais direto do conceito à implementação.

O Figma desempenha um papel fundamental ao oferecer um espaço compartilhado para trocarmos ideias com facilidade. Fazemos revisões compartilhadas ao longo da semana. Todos podem se reunir, apresentar trabalhos e discuti-los.

Chris Warner, Líder criativo, Plaid

O FigJam se tornou rapidamente uma porta de entrada para profissionais que não são designers, oferecendo a todos uma forma de contribuir diretamente. Inicialmente um espaço para workshops de marca, o FigJam logo se expandiu para um hub colaborativo onde as equipes traçavam ideias de campanha, esboçavam narrativas e moldavam estratégias. As equipes de marketing e vendas podiam ver mood boards, roteiros e imagens iniciais se encaixarem em uma única tela de trabalho. A convivência com designers ajudou essas equipes a pensar visualmente e a participar com mais confiança.

Um workshop de marca realizado no FigJam

A reformulação também mudou a forma como as equipes da Plaid trabalhavam juntas. As equipes de marca, produto e liderança colaboraram nos mesmos arquivos, muitas vezes em tempo real. Christophe descreveu como o CEO se envolveu diretamente no trabalho: “Ele se ofereceu para ajudar: ‘Vou entrar no Figma com vocês. Vamos fazer isso juntos.’”

Com a disponibilidade de uma única fonte de verdade, a tomada de decisões ficou mais rápida e colaborativa. “Organizamos vários workshops para a equipe de liderança ao longo de vários meses, todos no FigJam e no Figma”, comentou Chris Warner. “Fizemos todo o rebranding no Figma, em estreita colaboração com Ryan Smith, da área de design systems, nosso diretor de design, nosso CEO e outros criativos e equipes em toda a empresa.”

Pela primeira vez, as equipes de produto e design criaram em conjunto uma linguagem visual compartilhada, tudo dentro do Figma. Os designers criavam um protótipo do funcionamento da identidade no produto, enquanto as equipes de marca exploravam como ela ganhava vida nas campanhas. Cada iteração acontecia no contexto certo, com feedback de todos os envolvidos.

Interface de login de conta da Plaid

Um design system que evolui com propriedade compartilhada

O mesmo espírito de colaboração apoia a evolução do sistema de design da Plaid, o Threads. Em vez de uma biblioteca estática mantida por poucos, é uma estrutura viva construída sobre confiança e propriedade compartilhada. Uma pequena equipe central mantém os fundamentos, que são adaptados e ampliados por designers de toda a empresa para suas próprias superfícies. O sistema migrou para um modelo desacoplado, em que as primitivas compartilhadas permanecem consistentes, enquanto as equipes de produto determinam como elas são expressas visualmente.

Para manter as atualizações seguras e eficientes, a Plaid replicou práticas de engenharia no GitHub: ramificação de alterações, atribuição de revisores e aprovação obrigatória para mesclagem. As atualizações menores e incrementais preservaram a estabilidade do sistema, viabilizando um crescimento constante e flexível.

As análises da biblioteca do Figma oferecem à equipe uma visualização clara do funcionamento do sistema no dia a dia. Eles observam quais componentes aparecem com mais frequência e quais apresentam desvios. Esses padrões ajudam a equipe a entender onde os designers precisam de mais flexibilidade ou onde uma nova variante pode ser útil.

“Se identificamos padrões de desvio, não presumimos uso indevido e iniciamos uma conversa”, explicou Ryan Smith, Designer de design systems da Plaid.

A base do design system compartilhado de marca e produto da Plaid é o conceito de que fundamentos sólidos criam espaço para explorações. Os designers podem assumir riscos criativos, testar ideias e apresentar suas descobertas à equipe de sistemas, que ajuda a transformar explorações promissoras em novos padrões. O resultado é uma linguagem de design que cresce com as necessidades da Plaid e equilibra estrutura, liberdade e curiosidade.

Derrubar barreiras entre design, engenharia e marketing

Na Plaid, as equipes de design e engenharia costumavam trabalhar em paralelo, com handoffs marcando uma transição clara entre elas. Os designers preparavam as especificações, que eram interpretadas pelos engenheiros. Em algum lugar nessa passagem, as intenções se perdiam e o ritmo diminuía.

O Figma eliminou essa lacuna. Revisões que antes eram isoladas agora usam os mesmos arquivos. Designers e engenheiros trabalham lado a lado usando um sistema compartilhado e uma linguagem comum.

Com todos no mesmo espaço, os desenvolvedores agora trabalham ao lado dos designers, e não depois deles. Recursos como o Code Connect permitem que os engenheiros capturem trechos de código prontos para produção diretamente do arquivo, simplificando e agilizando a transição entre design e código.

No desenvolvimento de produtos, é importante que designers e desenvolvedores tenham uma linguagem compartilhada. Esse requisito está se tornando ainda mais crítico com os LLMs. A REST API, o Code Connect e o servidor MCP do Figma ajudam a eliminar lacunas no design system de forma proativa, oferecendo mais integração, escalabilidade e consistência para o processo do design até o código.

Ryan Smith, Design systems, Plaid

Essa mudança foi além do desenvolvimento de produtos. Alguns parceiros de marketing já criam briefings, mood boards e fluxos de campanha diretamente no Figma. Mais rápidas e colaborativas, as revisões ocorrem mais cedo no processo, criando um fluxo de trabalho mais conectado desde a ideia até a execução.

Trabalhos de alto impacto, como vídeos e conferências, roteiros, elementos visuais e recursos de design da marca agora residem em um espaço compartilhado. Como resultado, o processo criativo da Plaid funciona do mesmo modo que seus produtos: conectado, rápido e feito para escalar. Os designers pensam mais como construtores de sistemas. Os engenheiros são parceiros criativos. As equipes trabalham juntas, não em sequência.

Com a redução das barreiras entre as equipes, há uma melhora significativa no design colaborativo, principalmente em equipes híbridas e remotas. Todos fazem parte do processo criativo, trabalhando juntos de qualquer lugar.

Escalar a criação de campanhas publicitárias com o Figma Buzz

A Plaid está explorando o Figma Buzz para apoiar o crescente volume de trabalhos de campanha, principalmente as iniciativas altamente direcionadas de marketing baseado em contas (ABM). Uma única campanha pode exigir de 30 a 40 variações de anúncios em seis tamanhos. Hoje, o design, a revisão e a entrega dessas campanhas de grande porte podem levar até um mês.

Usando o Figma Buzz, a equipe vem desenvolvendo modelos reutilizáveis baseados em padrões de campanha comprovados, que incluem diretrizes de consistência para layouts, textos e elementos visuais. O objetivo é oferecer aos parceiros multifuncionais uma maneira de criar e adaptar recursos por conta própria, sem ter que começar do zero.

Em vez de depender de designers para produzir cada variação, as equipes de marketing podem ajustar o texto, alternar formatos e gerar novas versões por conta própria. “Se capacitarmos nossos parceiros a criarem seus próprios anúncios, deixaremos de ser o gargalo. Eles são muito mais ágeis”, disse Amy Wong, Líder criativa sênior da Plaid.

Apoiadas por um hub de autoatendimento, as equipes já criam recursos repetíveis, como cabeçalhos de blogs e imagens para visualização, no Figma. O Figma Buzz traz mais estrutura a esse fluxo de trabalho, facilitando a escalabilidade e o uso entre equipes.

Com o tempo, a Plaid espera que essa abordagem se expanda além dos modelos de anúncios para outros recursos repetíveis, como materiais de eventos e elementos visuais de campanhas, envolvendo mais equipes no processo criativo sem sacrificar a qualidade ou a consistência.

Promover o progresso com propósito

A Plaid continua a expandir sua identidade renovada para todos os pontos de contato, desde as experiências de produto até conferências e eventos, incluindo o novo design do escritório de Nova York. A equipe já está explorando a IA nos processos criativos, usando-a para gerar padrões intrincados de guilhochê (um padrão de linhas entrelaçadas), criar mood boards, abraçar novas formas de arte e moldar conceitos iniciais de campanhas em grande escala. Esses experimentos ajudam a aumentar a agilidade da equipe e a explorar ideias que seriam difíceis de produzir manualmente.

Veja como o Figma ajuda a escalar o design

Um design excelente tem o potencial de diferenciar seu produto e sua marca. Mas tudo o que é bom é feito em equipe. O Figma une equipes de produtos em um fluxo de trabalho de design rápido e mais inclusivo.

Entre em contato para entender como o Figma pode ajudar empresas a escalar o design.

Explicamos como o Figma pode:

  • Centralizar todas as etapas do processo de design, desde a concepção até a criação e a construção, em um único lugar
  • Acelerar os fluxos de trabalho de design com um design system compartilhado por toda a empresa
  • Incentivar a inclusão no processo da equipe de produto com produtos que são acessíveis, online e fáceis de usar

Conecte-se com nossa equipe

Ao clicar em “Enviar”, você concorda com nossos Termos de Serviço e Política de Privacidade.