Nuestra migración de Abstract/Sketch a Figma

Por fin, después de unos meses trabajando mucho en la migración de todos nuestros productos de Abstract y Sketch a Figma. Podemos decir que:

¡Lo logramos! Ya estamos trabajando 100% en Figma.

Y como nuestro propósito con este blog es ir contando nuestra experiencia y no nos gustaría que esta hazaña se quedara en el olvido, queremos contar cómo lo afrontamos, errores que cometimos y cosas que recomendaríamos si alguien está pensando hacer esta migración.

Cómo planificamos la migración:

Afrontamos esta migración como una mudanza, con los mismos nervios, estrés y ganas. Y teniendo en cuenta que en nuestra casa “Aplazame” teníamos dos variantes importantes:

1. Aplazame está formado por 4 productos diferentes (checkout, dashboard, app y el widget)
2. No podíamos parar. Durante la migración, teníamos que seguir sacando adelante tareas del día a día. Por lo tanto teníamos que trabajar con ambos proyectos de forma paralela.

Decidimos dedicar el verano para hacer la migración aprovechando que hay mucha gente de vacaciones y las peticiones de tareas bajan.

Lo primero que hicimos fue migrar el DSL a Figma (post que tenemos apuntado para contar) con la versión de prueba para así, probar si nos funcionaba esta nueva herramienta antes de pedir licencias y a la vez, ir aprendiendo la nueva forma de trabajo (ya que Sketch y Figma tienen muchas diferencias).

Esta primera toma de contacto nos ayudó a validar que la herramienta cubría las necesidades que teníamos y por otro lado, redujo la curva de aprendizaje y entendimos mejor Figma para poder hacer una propuesta de trabajo para la migración.

Pero, vamos al lío. Como en toda buena mudanza, empezamos empaquetando las cosas por diferentes habitaciones. En nuestro caso podríamos decir que:

• Las habitaciones las consideramos como cada uno de nuestros productos.
• Las “cajas” de mudanza con “Ropa de invierno” “cojines” “zapatos”… serían nuestras “secciones” dentro de cada producto.

Esta fue más o menos la organización que nos quedó:

Esta división nos ayudó a priorizar y repartir tareas entre nosotras.

Priorizamos estas secciones anteponiendo aquellas en las que había alguna petición de mejora dentro del roadmap. Realizábamos las nuevas funcionalidades o rediseños y migrábamos a la vez el diseño de la sección entera del producto para tenerlo ya pasado a Figma.

Por ejemplo; Lo primero que teníamos que sacar de diseño era una funcionalidad nueva dentro de la sección “📦 Mi cuenta” en la 📱 App. Por lo que aprovechamos para hacer esta nueva funcionalidad en Figma, y dedicamos un poco más de tiempo en pasar toda la sección de “Mi cuenta”.

Una vez conseguimos migrar todos los productos, continuamos ya por inercia con las tareas del día a día directamente en Figma.

¿Qué hicimos con las ramas de Abstract?

En toda mudanza siempre acabas encontrándote las típicas zapatillas, sudaderas, juegos, relojes… que ni recordabas que tenías. Y entonces es cuando tu cabeza piensa, “ostras, ¿qué hago con esto?¿Me lo quedo o lo dono y le doy una nueva vida?”

Para nosotras eso fueron las ramas de Abstract. Esos diseños perdidos en el olvido, que casi ni recordabas. Diseños que hicimos algún día y se nos olvidó mergear, se quedaron en el mundo de las ideas, diseños que corren mucha prisa y luego acaban en nada.

En nuestro caso la decisión fue fácil: “marie kondo”.

“Marie kondo”, pero con cabeza. Hicimos un repaso por todas las ramas olvidadas y recuperamos aquellas que entraban en roadmap o propuestas interesantes que se hicieron en el pasado y podíamos reutilizar actualmente.

Poco a poco fuimos migrando nuestro ecosistema de Aplazame, por tareas, bloques y productos hasta que por fin nos vimos ya trabajando al 100% en Figma.

Las mudanzas también tienen cosas buenas.

Puede que las mudanzas de casas tengan pocas cosas buenas. Pero en nuestro caso, hemos sacado mucho partido a esta mudanza:

• Aprovechamos para hacer flujos en FigJam con el estado actual en producción para ayudarnos a tener una tener una perspectiva general del proyecto a la hora de pasar todas las pantallas.
• Ha entrado gente nueva en el equipo y el hecho de tener que pasar pantalla a pantalla ha ayudado mucho a que se empapen del producto.
• Por otro lado, aprovechamos la limpieza para hacer heurísticos de cada uno de los productos, creando tareas “quick wins” que podíamos diseñar y resolver rápidamente y otras tareas a largo plazo para poder mejorar nuestro producto.
• Además, uno de nuestros puntos de mejora era la documentación. Con este proyecto hemos aprovechado para documentar los flujos, funcionalidades y tareas.

No todo lo que reluce es oro…

La verdad que tenemos más pros que contras, pero también ha habido fallos y complicaciones:

La curva de aprendizaje ha sido mayor de la que pensábamos

En realidad, cuando comenzamos el proyecto pensamos que sería mucho más fácil y nos llevaría menos tiempo. Estimamos 4 meses y acabaron siendo 5 meses de mirgación.

Lo que más nos costó fue el cambio de mentalidad de Sketch a Figma. Los símbolos cambian, las agrupaciones, nomenclaturas…

Ahora veo Sketch y me resulta complejo y raro, pero al principio, aprender a pensar en Figma fue complicado.

Recomendación: trastear con proyectos personales, con ideación o algunas tareas pequeñas antes de comenzar a migrar. Así cuando empieces a migrar ya tienes la mayoría de dudas resueltas.

Los comentarios de Figma, un arma de doble filo.

Los comentarios de Figma nos parecieron maravillosos en la teoría. Pero han sido de lo más complicado de gestionar en la migración.

Nosotras migramos todo y dimos acceso a todos casi a la vez. ¿Qué paso? que la gente se motivó. Se motivaron MUCHO.

Comenzaron a llovernos comentarios desde todos los departamentos, en todos los archivos, en cada una de las páginas y pantallas…

Hemos sobrevivido pero, si volvemos a migrar, es lo primero que cambiaríamos.

Recomendación: ir mostrando Figma y dando acceso poco a poco. Si tenéis diferentes proyectos y departamentos. Ir filtrando y abriendo poco a poco, que os dejen comentarios, que se familiaricen y que surjan dudas en grupos pequeños.

Conclusiones

En conclusión y para terminar este post:

Estamos muy contentas con Figma y con la nueva organización que hemos diseñado. Esta migración nos ha ayudado a poner orden, hacer limpieza y repensar flujos de trabajo internos y con otros departamentos.

Esperamos que este post os ayude y si queréis abrir debate o preguntar dudas, ¡Encantadas!.