Saltar al contenido principal

Flipster: velocidad, escala y estabilidad todos los días

App de la plataforma de trading de Flipster para dispositivos móviles

Flipster es una plataforma global de comercio de criptomonedas creada por traders, para traders. Fundada por el equipo responsable de una de las empresas de comercio cuantitativo líderes en el mundo, la plataforma combina un profundo conocimiento del mercado con una infraestructura de alto rendimiento diseñada para mercados que operan las 24 horas del día, los 7 días de la semana.

Flipster ha registrado un récord histórico de más de 230 millones de dólares en recursos de clientes, prestando servicio a millones de usuarios en casi 200 mercados de todo el mundo. La empresa opera con un equipo global totalmente remoto y continúa ampliando su gama de productos en los mercados perpetuos, al contado, de rendimiento y con funciones Web3.

A medida que el equipo superó los 230 empleados, Flipster necesitaba sistemas que pudieran seguir el ritmo de su velocidad de envío. La plataforma se mueve a la velocidad de los mercados a los que sirve, ya que lanza nuevas funciones semanalmente e implementa correcciones en uno o dos días. Esto plantea un reto habitual: mantener la agilidad propia de una startup y, al mismo tiempo, ofrecer la estabilidad, la coherencia y la escala propias de una gran empresa.

Para lograrlo, Flipster adoptó Figma Empresa como su única fuente de información veraz para el diseño de productos y su ejecución. El equipo ahora utiliza Figma como infraestructura central, lo que permite un sistema de diseño unificado que admite iteraciones rápidas a escala global.

Flipster sigue ampliando las posibilidades de Figma Empresa: explora funciones de IA, desarrolla plugins personalizados, reduce el tiempo de entrega en un 40 % y optimiza la localización en todas las regiones para reforzar la coherencia operativa en todo el mundo.

En la industria de las criptomonedas, todo se mueve a máxima velocidad y sin fronteras. Figma se ha convertido en nuestra única fuente de información veraz. Es donde los equipos descentralizados, desde el diseño hasta la ingeniería y la localización, se mantienen alineados. Nos brinda la misma transparencia y confianza que nuestros usuarios esperan de las criptomonedas, pero aplicada a la forma en que creamos nuestro producto.

Christian Park, jefe de diseño de Flipster

Desafío: atender a los clientes más impredecibles pero más numerosos del mundo

En el mundo de las criptomonedas, los retrasos tienen un costo. El mercado funciona sin descanso y los cambios se producen sin previo aviso. Un cambio normativo, un simple tuit o una fluctuación repentina de los precios pueden obligar a tomar decisiones sobre los productos en cuestión de horas, no de semanas. Para Flipster, la rapidez es un requisito imprescindible para mantenerse al día.

Sin embargo, las herramientas en las que confiaban no les permitían avanzar al ritmo necesario. Los diseñadores utilizaban diferentes herramientas, como Sketch y Abstract. Los ingenieros trabajaban a partir de capturas de pantalla. El equipo de control de calidad señalaba los errores en hojas de cálculo. La documentación se almacenaba en Google Docs y Notion, separada de los diseños reales.

A medida que el equipo ampliaba sus operaciones a nivel mundial, las deficiencias de esta configuración se hacían cada vez más evidentes. Los archivos quedaban desactualizados. Se perdían las especificaciones. Las conversaciones tenían que repetirse en diferentes husos horarios. Al mismo tiempo, los requisitos de los productos se volvían cada vez más complejos. Los tókenes como DOGE se negocian con incrementos de cuatro decimales, y un error en la forma en que se muestran los valores podría causar confusión o, lo que es peor, dañar la confianza de los usuarios.

Finalmente, Flipster se dio cuenta de que su pila de diseño existente estaba impidiendo activamente que el equipo creciera.

Queríamos establecer reglas de numeración estrictas para ofrecer a los clientes un nuevo estándar que superara la experiencia fragmentada del comercio de criptomonedas. Antes de Figma, había cuatro formas diferentes de mostrar los decimales en las distintas plataformas. Después de pasar a la documentación basada en Figma, logramos una coherencia del 100 % en los diferentes números y decimales.

Christian Park, jefe de diseño de Flipster

Tres pantallas de diversos componentes dentro del sistema de diseño de FlipsterTres pantallas de diversos componentes dentro del sistema de diseño de Flipster
El sistema de diseño de Flipster en Figma

Solución: la eficiencia interfuncional aumenta un 50 % con Figma

Flipster adoptó a Figma Empresa desde el principio, antes de que la mayoría de las empresas de su tamaño lo consideraran. El equipo sabía que el rápido crecimiento solo sería sostenible con una base adecuada. Necesitaban una plataforma que pudiera reunir a equipos distribuidos, acelerar la toma de decisiones y respaldar la iteración constante sin ralentizar el proceso.

En solo tres semanas, el equipo de diseño reconstruyó todo su sistema en Figma. Lo que comenzó como una iniciativa impulsada por el diseño se convirtió rápidamente en la base sobre la que se sustenta todo el trabajo de la empresa.

Hoy en día, Figma es la base de los productos de Flipster. La utilizan a diario 14 diseñadores, seis gerentes de producto y más de 50 ingenieros, además de los equipos de marketing, control de calidad, datos, localización y operaciones.

El precio fijo por puesto de Figma Empresa eliminó las dudas a la hora de añadir nuevos colaboradores. El acceso completo al editor permitió a todos los equipos trabajar en el mismo archivo sin barreras.

“Recibíamos invitaciones de personas de toda la organización que solicitaban acceso completo. El plan Empresa, con un precio fijo anual, nos permitía aceptar todas las solicitudes sin preocuparnos”, afirma Christian Park.

Las ventajas fueron inmediatas. Las hojas de especificaciones redundantes desaparecieron. Los ingenieros de control de calidad comenzaron a etiquetar los ID de prueba directamente en los diseños. Los analistas de datos dejaron atrás Excel y marcaron los puntos de registro de clics en los mismos archivos en los que trabajaba el equipo de producto. La gestión de recursos entre los diseños gráficos y de producto también se aglutinó en una única fuente de información veraz.

“Una vez que implementamos el proceso, el tiempo de discusión entre los analistas de datos y los ingenieros se redujo en aproximadamente un 50 %”, afirma Christian Park, jefe de diseño de Flipster.

La localización también se volvió mucho más eficiente. Gracias al plugin Crowdin para Figma, Flipster ahora gestiona las traducciones directamente desde la capa de diseño. Las cadenas UX se sincronizan automáticamente y las versiones localizadas de las nuevas funciones se lanzan con el mismo calendario que las globales. Ya no es necesario utilizar flujos de trabajo separados para cada idioma.

La alineación del liderazgo experimentó importantes avances. Antes de Figma, el lanzamiento de una función podía requerir dos o tres reuniones solo para revisar los diseños finales. Ahora, las partes interesadas consultan los archivos en tiempo real, dejan comentarios y toman decisiones de forma asincrónica. En una empresa que prioriza el trabajo remoto y lanza actualizaciones semanalmente, ese tipo de alineación es difícil de mantener. Pero con Figma Empresa, Flipster lo convirtió en la norma.

Antes necesitábamos celebrar entre dos y tres reuniones en todo el mundo por cada función solo para poner de acuerdo a las partes interesadas. Ahora, los directivos pueden consultar el archivo cuando quieran. La brecha entre la dirección y los colaboradores individuales se redujo considerablemente.

Christian Park, jefe de diseño de Flipster

Eliminación del 40 % de la fricción en los traspasos con Dev Mode

Para los ingenieros de Flipster, Dev Mode cambió el funcionamiento del traspaso. Antes, los diseñadores tenían que anotar en cada pantalla los detalles de espaciado, tamaño y tipografía. Cada plataforma tenía sus peculiaridades: iOS utilizaba puntos, Android utilizaba otras unidades, y a menudo esto significaba crear tablas comparativas solo para comparar valores.

“Antes de usar Dev Mode, los diseñadores tenían que explicar cada detalle. A menudo creábamos tablas comparando medidas entre plataformas”, afirma Christian. “Ahora, los desarrolladores obtienen la información automáticamente sin que tengamos que especificarlo todo. Solo eso nos ahorra un 40 % del tiempo de entrega”.

Para un equipo que realiza envíos semanales, ese tipo de eficiencia equivale a aumentar la capacidad de desarrollo sin aumentar el número de empleados. También significa menos errores en todas las plataformas y compilaciones más rápidas desde el primer día.

Modal de área de juego de componentes en Dev Mode con botones para alternar entre elementosModal de área de juego de componentes en Dev Mode con botones para alternar entre elementos
La pantalla de Dev Mode de Flipster

La experimentación con lo que está por venir

Para apoyar la adopción y la mejora continua, Flipster creó “Design Chapter”, un grupo de diseñadores por área que se centra en probar nuevas funciones, capacitar a sus compañeros y elevar el nivel de los estándares de diseño de la empresa.

Un miembro del equipo Flipster en una sala de conferencias con Figma y miembros de la llamada de Zoom en la paredUn miembro del equipo Flipster en una sala de conferencias con Figma y miembros de la llamada de Zoom en la pared
El equipo “Design Chapter” de Flipster en Figma

Ese grupo también desarrolló el plugin cursor personalizado de Figma, con el fin de que las revisiones remotas resultaran más interactivas e inmediatas. El mismo plugin también automatiza la localización al sincronizar los nombres de las capas de Figma con Crowdin, de modo que cuando un diseñador actualiza un componente, la clave de traducción correspondiente se actualiza automáticamente. De este modo, se evita el etiquetado manual, se reducen las idas y venidas y la localización avanza al mismo ritmo que el diseño.

Queríamos ser más eficaces y eficientes, y estamos explorando las nuevas funciones de Figma. Hemos creado el plugin cursor de Figma que actualiza Crowdin cuando se cambia el nombre de la capa. Esto elimina los pasos de etiquetado manual.

Christian Park, jefe de diseño de Flipster

una pantalla de Flipster con un plugin de localización en la parte superior con camposuna pantalla de Flipster con un plugin de localización en la parte superior con campos
CrowdIn, el plugin de localización de Flipster en Figma

Las herramientas de IA de Figma también han tenido un gran impacto. Una función que cambió rápidamente los flujos de trabajo diarios fue la búsqueda basada en imágenes. Ahora, los desarrolladores y los gerentes de producto solo tienen que arrastrar una captura de pantalla a Figma para localizar la pantalla correspondiente en cuestión de segundos. Lo que antes llevaba cinco minutos, ahora se hace en uno, y ese tiempo ahorrado les ayuda a mantener el ritmo de su ciclo de lanzamiento semanal.

En un sector en el que la confianza es fundamental, la precisión y la gobernanza son tan importantes como la rapidez. Con Figma Empresa, Flipster se adapta al ritmo del mercado, al tiempo que mantiene la coherencia en materia de cumplimiento normativo, localización y precisión del diseño en todos los equipos.

“Realizamos envíos semanales porque así lo exige el sector de las criptomonedas. Figma es lo que nos permite alcanzar esa velocidad. Para un equipo de 230 personas, es lo que nos permite operar con la agilidad y el rendimiento de una empresa diez veces mayor que la nuestra”, afirma Christian.

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, las grandes cosas 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 de producto con productos basados en la web, accesibles y fáciles de usar

Comunícate con nuestro equipo

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