Saltar al contenido principal

Figma Make ayuda a Saddle a pasar de la idea al lanzamiento en dos semanas

Simen Sanna, CEO y fundador de Saddle, es un emprendedor noruego del sector SaaS y exingeniero energético que vendió su última empresa en 2021 tras desarrollar el software líder mundial para la descarbonización de buques offshore.

Pero mientras que su software anterior requirió años de desarrollo, su último servicio es otra historia.

Al trabajar con la consultora de diseño y desarrollo de productos SmplCo, Saddle redujo drásticamente el tiempo que le llevó crear el software, al tiempo que recortó los costos, utilizando Figma Make.

“Antes, el proceso equivalente para crear un MVP funcional como el que tenemos para Saddle nos llevaba seis meses y costaba ocho veces más”, afirma Simen.

“Figma Make ha cambiado por completo las reglas del juego”, afirma. “Con la ayuda de SmplCo, hemos pasado de crear el diseño, planificar la experiencia del usuario y esbozar wireframes a diseños interactivos en Figma, desarrollo de software con React e incluso la integración de todo ello con los extremos del back-end… ¡y todo en dos semanas!”

Esta es la historia de esas dos semanas.

Una autopista digital para la toma de decisiones

Saddle es una plataforma de software que ayuda a las empresas a tomar decisiones más rápidas y mejores, y a impulsar la innovación, especialmente en momentos cruciales de fusiones y adquisiciones (M&A).

Creada con Figma Make, Saddle ofrece una forma estructurada y dinámica para que las iniciativas de los empleados salgan a la luz, se evalúen y se desarrollen rápidamente.

“Cuando los nuevos equipos de liderazgo asumen el mando, necesitan datos fiables y colaborar con los líderes actuales para tomar las decisiones correctas. Pero es realmente difícil llegar a comprender en profundidad la empresa que han adquirido, los matices de sus clientes, la dinámica interna y sus fortalezas creativas”, afirma Simen.

“Los empleados pueden sentirse ignorados, y los líderes carecen de visibilidad sobre dónde se está produciendo la innovación dentro de sus equipos. Como resultado, se pueden perder ideas valiosas, el talento clave puede desmotivarse y la innovación se estanca”.

¿El resultado final? Alrededor del 60 % de las operaciones de fusiones y adquisiciones no logran generar el valor previsto, dice Simen.

Aquí es donde entra en juego Saddle, que ofrece una “autopista digital” para las iniciativas y las decisiones.

La plataforma conecta los datos de innovación directamente con las métricas empresariales, lo que permite a las empresas identificar ideas sólidas, agilizar la toma de decisiones y retener el talento creativo a través de la visibilidad y el reconocimiento.

Actuar con rapidez y hacer realidad las ideas

Tras desarrollar internamente su back-end, Saddle se asoció con los expertos en diseño de SmplCo.

SmplCo comenzó a experimentar con Figma Make para respaldar su propuesta: “crear prototipos rápidamente, desarrollar de manera inteligente y lanzar en semanas”.

Paso 1: Del concepto al prototipo

La colaboración comenzó con una fase de ideación rápida, tal y como explica Andreas Melvær, socio director de SmplCo.

“En primer lugar, definimos claramente el problema y nos centramos en un nicho: cómo el producto podría impulsar la innovación dentro de las empresas durante las transacciones de capital”, afirma.

“Esbozamos los recorridos de los usuarios y los conceptos de UI que visualizaban cómo los empleados presentarían sus ideas y cómo los líderes podrían hacer un seguimiento de ellas, evaluarlas y priorizarlas”.

SmplCo, socio de diseño de Saddle, consideró que Figma Make era la herramienta perfecta para respaldar su filosofía: “prototipar, desarrollar de manera inteligente y lanzar en cuestión de semanas”.

Este fue el primer paso del proceso de prototipado en cinco días, exclusivo de SmplCo, que el equipo ha diseñado basándose en años de experiencia en la creación y venta de sus propias empresas.

En cuestión de días, el equipo creó un prototipo de demostración interactivo en Figma; algo lo suficientemente sencillo como para probarlo y refinarlo, pero lo suficientemente completo como para validar la funcionalidad principal y los flujos de usuario.

Paso 2: Dar vida al prototipo en Figma Make

Una vez que el prototipo capturó la experiencia adecuada, el equipo pasó a Figma Make.

Utilizaron el entorno de programación Vibe para convertir los diseños de Figma en interfaces front-end funcionales que fueran adaptables e interactivas.

En dos semanas, Saddle pasó de tener solo datos de back-end a contar con una plataforma activa que integraba tanto el diseño como los datos, lista para ser mostrada y perfeccionada.

Esto le proporcionó a Saddle un producto funcional que pudieron utilizar y probar casi de inmediato.

Como señaló Simen: “La idea central de Saddle es dar vida a las ideas, y Figma Make lo logró muy rápidamente. Pero hubo un ingrediente crucial que diferenció al proyecto de muchos otros esfuerzos de bajo código que inundan el mercado en este momento”.

Simen sabía que Saddle debía contar con experiencia en diseño y programación, por lo que el equipo de SmplCo revisó el código para asegurarse de que fuera limpio y seguro.

“Se obtiene mucho más valor si se combina la velocidad de Figma Make con expertos en diseño de software”, dice Simen.

“La codificación de Vibe es genial, pero puedes crear código desestructurado” dice Andreas. “Debes asegurarte de construir una base sólida; de lo contrario, hacer crecer y escalar tu producto puede resultar difícil”.

Paso 3: Conexión del front-end con el back-end

Un aspecto crucial fue que Saddle ya había desarrollado su back-end antes de que comenzara este proceso.

Esto significaba que el front-end creado en Figma Make podía conectarse a la perfección con datos reales a través de API, transformando el prototipo en un producto funcional.

Esta secuencia —construir primero la capa de datos— fue esencial para lograr un progreso tan rápido.

¿El resultado? En dos semanas, Saddle pasó de los datos del back-end a una plataforma en vivo que integraba tanto el diseño como los datos, lista para ser demostrada y perfeccionada.

¿Qué beneficios trajo el uso de Figma Make?

Al fusionar el diseño y el desarrollo del front-end en un solo entorno, Figma Make eliminó los retrasos tradicionales en el traspaso entre diseñadores e ingenieros.

“El uso de Figma Make permitió a Saddle y SmplCo pasar del prototipo al software operativo en solo dos semanas, un proceso que antes nos llevaba seis meses y costaba ocho veces más”, dice Simen.

Gracias a Figma Make, Saddle sigue experimentando libremente con disposiciones, lógica e interacciones, sin preocuparse por romper el código o perder tiempo.

Para una startup como Saddle, esta rapidez se tradujo directamente en una ventaja competitiva, lo que les ayudó a conseguir tracción desde el principio y a mantener bajos los costos de desarrollo.

Y más allá de la eficiencia, Figma Make ofreció un nivel de flexibilidad creativa que dio como resultado un sistema de diseño bien definido y un camino claro a seguir para las iteraciones de diseño.

Pudieron experimentar libremente con disposiciones, lógica e interacciones, sin preocuparse por romper el código o perder tiempo. La interfaz se pudo refinar visualmente e implementar técnicamente de forma simultánea, lo que permitió pruebas e iteraciones rápidas.

Este enfoque fomentó el descubrimiento y la innovación a lo largo de todo el proceso.

Cómo prepararse para el éxito

Aunque Figma Make aportó enormes ventajas en cuanto a velocidad y costos, el equipo de Saddle también aprendió valiosas lecciones sobre preparación y experiencia.

1. Ten el back-end listo primero

El éxito de Saddle dependía de tener su infraestructura de datos lista antes de comenzar la construcción con Figma Make.

Sin eso, se habrían quedado con un front-end impresionante pero desconectado.

“Si tienes tus extremos listos, entonces el proceso de Figma Make será muy rápido” dice Simen.

2. La orientación de expertos es esencial

Contar con diseñadores y desarrolladores experimentados fue fundamental para orientar la toma de decisiones y mantener la calidad.

“Existe la idea de que hoy en día cualquiera puede crear un software excelente, y eso simplemente no es cierto”, afirma Andreas.

“Por eso estamos viendo mucho software de mala calidad que causa problemas graves, especialmente en materia de seguridad, privacidad y sostenibilidad”.

“Se necesitan expertos que comprendan tanto el aspecto creativo como el técnico”.

3. Confía en el proceso, pero itera rápidamente

El desarrollo de dos semanas de Saddle tuvo éxito porque el equipo adoptó una mentalidad flexible y exploratoria.

Para Saddle, Figma Make transformó lo que podría haber sido un ciclo de desarrollo de meses en un sprint de dos semanas, desde la idea hasta la plataforma funcional.

Aportó rapidez, ahorro y libertad creativa, pero también reforzó lecciones atemporales sobre preparación, colaboración y experiencia.

Unas últimas palabras de Simen para quienes quieran emprender este viaje…

“Más vale que te subas a la silla y te abroches el cinturón, porque el viaje es rápido”, afirma. dijo.

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 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.