Saltar al contenido principal

De silos a velocidad: Cómo Plaid unificó el diseño de producto y marca en Figma

Plaid fue pionera en la banca abierta en los EE. UU., permitiendo a las personas conectar de forma segura sus cuentas financieras a las apps que utilizan a diario. Si has enviado dinero en Venmo, comprado criptomonedas en Coinbase, o revisado inversiones en Robinhood, Plaid ayudó a que eso sucediera.

El sistema visual de Plaid, inspirado en el guilloché característico

Su misión es ambiciosa: desbloquear la libertad financiera para todos. Plaid hace esto con una plataforma que admite más de 12 000 instituciones financieras y potencia más de 8000 servicios financieros digitales, lo que facilita que las personas conecten de manera segura sus cuentas a sus servicios fintech. Operando en un espacio altamente regulado, Plaid se enorgullece de moverse rápidamente mientras mantiene la confianza y seguridad que la innovación financiera exige.

Interfaz del sitio web previo al cambio de marca de Plaid

Plaid necesitaba ajustar su sistema de diseño para crear diseños más consistentes y escalables en un ecosistema de productos que crece y se vuelve cada vez más complejo. El cambio de marca creó el momento adecuado para dar un paso atrás y perfeccionar esa base. Figma Empresa proporcionó a los equipos de producto, marca y sistemas de diseño un espacio compartido para la colaboración multifuncional.

Tener un espacio compartido donde todos podamos intercambiar ideas juntos es muy importante. Figma ha permitido que sea realmente fácil y realmente posible.

Chris Warner, Líder Creativo, Plaid

Desafío: Lenguaje visual fragmentado en los productos nuevos

El crecimiento de Plaid trajo productos nuevos y un gran desafío: mantener coherencia visual. El trabajo se distribuía entre plataformas de diseño, software de prototipado, documentos y pizarras, cada uno encargándose de una parte diferente del proceso.

Para el equipo de la marca, mantener el flujo creativo fue aún más difícil. Redactaron y revisaron informes en Google Docs, luego los entregaron al equipo de diseño. El trabajo se movió del documento al diseño y a la entrega de recursos en un proceso lineal y aislado. Ese "enfoque de cinta transportadora" separó la estrategia de la ejecución, lo que dificultó mantener el impulso.

Threads, el sistema de diseño de Plaid, añadió otra capa de complejidad. Con múltiples equipos responsables de variaciones ligeramente diferentes de los componentes, incluso los cambios pequeños requerían coordinación a través de una gran cantidad de bibliotecas dependientes.

El cambio de marca le dio a Plaid el empuje que necesitaban para replantearse cómo unificar al equipo en torno a un lenguaje de diseño compartido. "Nuestro fundador realmente quería que este cambio de marca funcionara", dice Christophe Tauziet, Jefe de Diseño en Plaid. "Pero para que eso sucediera, necesitábamos una manera más rápida y colaborativa de involucrar a todos en el proceso y lograr una verdadera alineación".

Elementos del renovado aspecto visual de Plaid

Solución: Una plataforma unificada para el diseño, la colaboración y la gestión de sistemas

Plaid simplificó su flujo de trabajo al mover todo a Figma, reemplazando un laberinto de herramientas de diseño, prototipado y feedback por una sola plataforma compartida.

Plaid utiliza Figma para probar y aplicar variables de color

Con Figma Empresa, Plaid desbloqueó la flexibilidad necesaria para trabajar a escala. Las variables hicieron posible probar nuevas direcciones, comparar opciones y desplegar cambios cuidadosamente a través de diferentes áreas de producto. Los equipos podían cambiar a nuevos temas de color o enfoques visuales a su propio ritmo, lo que redujo el riesgo y fomentó más la experimentación.

Los temas de Plaid en modo claro y oscuro

También se volvió más fácil explorar nuevas direcciones para la tipografía. El soporte para funciones avanzadas de tipografía ayudó a Plaid a probar nuevas fuentes personalizadas y comparar opciones directamente dentro del sistema en el que eventualmente vivirían. La REST API de Figma agilizó partes del flujo de trabajo del diseño a programar, reduciendo pasos manuales y errores de traducción. Esto ofreció a los diseñadores e ingenieros un camino más claro desde el concepto hasta la implementación.

Figma desempeña un papel clave al proporcionar un espacio compartido para que intercambiemos ideas fácilmente. Realizamos críticas en grupo a lo largo de la semana a las que todos pueden reunirse y mostrar su trabajo para discutirlo juntos.

Chris Warner, Líder Creativo, Plaid

FigJam rápidamente se convirtió en la puerta de entrada para los no diseñadores, brindando a todos una manera de contribuir directamente. Comenzó como un espacio para talleres de marca y rápidamente se expandió a un centro colaborativo donde los equipos delinearon ideas de campaña, esbozaron arcos de historia y dieron forma a la estrategia. Los equipos de marketing y ventas podían ver mood boards, guiones y primeros elementos visuales juntos en un solo lienzo, y trabajar con los diseñadores les ayudó a pensar visualmente y a participar con más confianza.

Un taller de marca organizado en FigJam

El cambio de marca también modificó la forma en que los equipos de Plaid trabajaban juntos. La marca, el producto y el liderazgo colaboraron en los mismos archivos, a menudo en tiempo real. Christophe describió cómo el CEO se involucró directamente en el trabajo: "Ofreció su tiempo y dijo: ‘Me meteré en Figma contigo. Trabajemos juntos".

Trabajar desde una única fuente confiable hizo que la toma de decisiones fuera más rápida y colaborativa. "Durante varios meses, estructuramos muchos talleres, todos en FigJam y Figma para nuestro equipo de liderazgo", dice Chris Warner. "Realizamos todo el rebranding en Figma, trabajando estrechamente con Ryan Smith de sistemas de diseño, nuestro jefe de diseño, nuestro CEO, junto con otros creativos y equipos de toda la empresa".

Por primera vez, producto y diseño cocrearon un lenguaje visual compartido, todo dentro de Figma. Los diseñadores podían prototipar cómo funcionaba la identidad en el producto, mientras que los equipos de marca exploraban cómo cobraba vida en las campañas. Cada iteración ocurrió en contexto, con feedback de todos los involucrados.

Interfaz de inicio de sesión de cuenta de Plaid

Un sistema de diseño que cambia con propiedad compartida

Ese mismo espíritu de colaboración impulsa el sistema de diseño en evolución de Plaid, Threads. En lugar de ser una biblioteca estática gestionada por unos pocos, es un marco viviente basado en la confianza y la propiedad compartida. Un pequeño equipo central mantiene las bases, mientras que los diseñadores de toda la empresa las adaptan y extienden a sus propias superficies. El sistema cambió a un modelo desacoplado, donde los diseños primitivos compartidos permanecen consistentes y los equipos de producto dan forma a cómo se expresan visualmente.

Para mantener las actualizaciones seguras y eficientes, Plaid reflejó las prácticas de ingeniería en GitHub: ramificó cambios, asignó revisores y fusionó solo después de la aprobación. Actualizaciones más pequeñas e incrementales mantuvieron el sistema estable mientras permitían un crecimiento constante y flexible.

La analítica de bibliotecas de Figma proporciona al equipo una visión clara de cómo funciona el sistema en el uso diario. Ellos observan qué componentes aparecen con más frecuencia y cuáles se separan. Esos patrones ayudan al equipo a entender dónde los diseñadores necesitan más flexibilidad o dónde podría ser útil una nueva variante.

"Si vemos patrones de desvinculación, no asumimos un mal uso, iniciamos una conversación", dice Ryan Smith, Diseñador de Sistemas de Diseño en Plaid.

El sistema de diseño de marca y producto compartido de Plaid se basa en la idea de que las bases sólidas crean espacio para explorar. Los diseñadores pueden tomar riesgos creativos, probar ideas y presentar sus hallazgos al equipo del sistema, que ayuda a convertir las exploraciones prometedoras en nuevos estándares. El resultado es un lenguaje de diseño que evoluciona con las necesidades de Plaid y logra un equilibrio entre estructura, libertad y curiosidad.

Rompemos las barreras entre diseño, ingeniería y mercadeo

El diseño y la ingeniería solían trabajar en paralelo en Plaid, con entregas que marcaban una clara transición entre los equipos. Los diseñadores prepararon las especificaciones. Los ingenieros las interpretaron. En algún lugar en el camino, la intención se perdió y el impulso se ralentizó.

Figma cerró esa brecha. Las revisiones que antes ocurrían en silos ahora tienen lugar en los mismos archivos, con diseñadores e ingenieros trabajando lado a lado utilizando un sistema compartido y un lenguaje común.

Con todos trabajando en el mismo espacio, los desarrolladores ahora trabajan junto a los diseñadores, no después de ellos. Funciones como Code Connect permiten a los ingenieros obtener fragmentos listos para producción directamente del archivo, haciendo que el paso del diseño al código sea más fluido y rápido.

En el desarrollo de productos, es importante que los diseñadores y los desarrolladores tengan un lenguaje común. Eso se está volviendo aún más crítico con los LLM. La REST API de Figma, Code Connect y el servidor MCP nos ayudan a cerrar proactivamente las brechas en nuestro sistema de diseño, haciendo que el camino del diseño a la creación sea más fluido, escalable y coherente.

Ryan Smith, Sistemas de Diseño, Plaid

Ese cambio llegó mucho más allá del desarrollo de productos. Algunos socios de marketing ahora crean resúmenes, mood boards y flujos de campaña directamente en Figma. Las revisiones son más rápidas, más colaborativas y ocurren antes en el proceso, lo que crea un flujo de trabajo más conectado desde la idea hasta la ejecución.

Trabajo de alto impacto como videos de marca y conferencias, guiones, elementos visuales y recursos de diseño ahora viven todos en un mismo espacio compartido. Como resultado, el proceso creativo de Plaid funciona de la misma manera que sus productos: conectado, rápido y diseñado para escalar. Los diseñadores piensan más como desarrolladores de sistemas. Los ingenieros son socios creativos. Los equipos trabajan juntos, no en secuencia.

A medida que se derrumban las barreras entre los equipos, la colaboración en el diseño mejora significativamente, especialmente en equipos híbridos y remotos. Todos forman parte del proceso creativo, trabajando juntos desde donde estén.

Escalamos la creación de campañas publicitarias con Figma Buzz

Plaid está explorando Figma Buzz para apoyar su creciente volumen de trabajo de campañas, especialmente para esfuerzos de marketing basados en cuentas (ABM) altamente dirigidos. Una sola campaña puede requerir de 30 a 40 variantes de anuncios en seis tamaños, y hoy en día estas grandes campañas pueden tardar hasta un mes en diseñarse, revisarse y entregarse.

Usando Figma Buzz, el equipo ha estado construyendo plantillas reutilizables basadas en patrones de campañas comprobados, que incluyen lineamientos para la disposición, el texto y la consistencia visual. El objetivo es proporcionar a los socios multifuncionales una forma de crear y adaptar recursos por su cuenta, sin empezar desde cero.

En lugar de depender de los diseñadores para producir cada variación, los equipos de marketing podrán ajustar el texto, intercambiar formatos y generar nuevas versiones ellos mismos. "Si podemos empoderar a nuestros socios para crear sus propios anuncios, ya no seremos el cuello de botella". "Pueden moverse mucho más rápido", dice Amy Wong, Líder Creativa Senior en Plaid.

Esto se basa en un centro de autoservicio existente donde los equipos ya crean recursos repetibles, como encabezados de blogs e imágenes de vista previa, en Figma. Figma Buzz introduce más estructura a ese flujo de trabajo, lo que facilita escalarlo y usarlo en equipos.

Con el tiempo, Plaid espera que este enfoque se expanda más allá de las plantillas de anuncios a otros recursos repetibles, como materiales de eventos y visuales de campañas, integrando a más equipos en el proceso creativo sin sacrificar la calidad o la consistencia.

Impulsamos el progreso con propósito

Plaid continúa extendiendo su identidad renovada en cada punto de contacto, desde experiencias de producto hasta conferencias y eventos, e incluso el rediseño de la oficina de Nueva York. El equipo ya está explorando la IA en su proceso creativo, utilizándola para generar patrones de guilloche intrincados, crear mood boards, expandirse a nuevas formas de arte y dar forma a conceptos de campaña tempranos a gran escala. Estos experimentos los ayudan a moverse más rápido y explorar ideas que sería difícil producir a mano.

Descubre cómo Figma puede ayudarte a escalar el diseño

Un gran diseño tiene el potencial de hacer que tu producto y marca se diferencien del resto. Sin embargo, los grandes trabajos se hacen en colaboración. Figma reúne a los equipos de producto en un flujo de trabajo de diseño rápido y más inclusivo.

Comunícate con nosotros para obtener más información sobre cómo Figma puede ayudar a las empresas a escalar el diseño.

Te explicaremos cómo Figma puede ayudarte en lo siguiente:

  • Reunir en un solo lugar todas las etapas del proceso de diseño, desde la concepción de las ideas hasta la creación y el desarrollo de los diseños
  • Acelerar los flujos de trabajo de diseño con sistemas de diseño compartidos en toda la empresa
  • Fomentar la inclusión en el proceso del equipo con productos basados en la web, accesibles y fáciles de utilizar

Comunícate con nuestro equipo

Al hacer clic en “Enviar”, aceptas nuestros Términos de servicio y la Política de privacidad.