La batalla por la pantalla: cómo Figma sobrevivió a Adobe, impulsó la colaboración y puso a los humanos en el centro de la revolución de la IA

Figma ha pasado de ser una herramienta startup a ser el estándar de la industria para el diseño UI/UX y la colaboración. Su enfoque en la web y la edición en tiempo real transformó radicalmente el flujo de trabajo, un cambio que generó un valor tan inmenso que culminó en un acuerdo de adquisición propuesto de 20 mil millones de dólares por parte de Adobe.

Sin embargo, en diciembre de 2023, la industria fue testigo de un dramático colapso. La historia de la adquisición fallida no solo revela la magnitud de la rivalidad en el software de diseño, sino que también subraya cómo la innovación tecnológica y la regulación antimonopolio están redefiniendo el futuro de la competencia.

El choque de gigantes: La competencia futura y el fracaso de la fusión

El acuerdo de 20 mil millones de dólares para comprar Figma fue abandonado bajo la intensa presión de los reguladores de la Unión Europea (UE) y el Reino Unido.

El principal problema no fue la competencia actual. Adobe XD, el producto más cercano de Adobe a un competidor de Figma, había sido puesto en «soporte vital» a principios de ese año. Adobe argumentó que no había «ningún solapamiento entre» clientes de las dos compañías. Sin embargo, la Comisión Europea (CE) concluyó que el acuerdo podría «reducir significativamente la competencia en los mercados globales». Además, la Autoridad de Mercados y Competencia del Reino Unido (CMA) provisionamente concluyó que el acuerdo «probablemente dañaría la innovación».

El obstáculo provino de las doctrinas más recientes del derecho antimonopolio, las cuales están «muy enfocadas» en la competencia futura como parte crítica del análisis antitrust. El consejero general de Adobe, Dana Rao, explicó que los reguladores les estaban diciendo esencialmente que «la única forma de resolver un problema de competencia futura, de que alguien podría hacer algo, es no hacer el trato». Tras la cancelación, ambas compañías se vieron obligadas a «volver a ponerse los guantes» y convertirse en «competidores despiadados».

La tecnología colaborativa que disolvió los silos

El éxito de Figma reside en su capacidad para la colaboración en tiempo real. Esta funcionalidad de edición multijugador (multiplayer editing) fue pionera en una herramienta de diseño. La innovación de Figma permitió a los equipos trabajar juntos sin problemas, independientemente de su ubicación geográfica.

La colaboración de Figma resuelve problemas operativos crónicos:

1. Adiós al caos de archivos: Figma ofrece un sistema de documentos transparente y casi plano que elimina los archivos tipo «final-final-ver.99…» y la confusión de propiedad, proporcionando una buena visibilidad de las actividades del equipo.

1. Integración de roles: La funcionalidad colaborativa es invaluable para los equipos distribuidos. La entrega a los ingenieros se simplifica a un solo clic en el botón «Compartir».

1. El rol del UX Writer: Los diseñadores de contenido y UX writers obtienen un asiento en la mesa al poder participar directamente en la etapa temprana del diseño. Al estar en el mismo espacio visual y remoto que el diseñador, se evita la frustrante situación de tratar de escribir dentro de los límites de un diseño ya creado sin el input del escritor.

La colaboración en tiempo real fue un desafío de ingeniería que Figma abordó desarrollando su propia solución.

• Evitar OTs: Figma decidió no usar las Transformaciones Operacionales (OTs), el algoritmo estándar utilizado por aplicaciones como Google Docs. esto se debió a que los OTs eran «innecesariamente complejos» para el espacio de problemas de Figma. como startup, Figma valoraba la capacidad de lanzar características rápidamente.

• Inspiración CRDT: su tecnología se inspiró en los Tipos de Datos Replicados sin Conflictos (CRDTs). los CRDTs garantizan la consistencia eventual (si no se realizan más actualizaciones, todos los clientes verán el mismo estado del documento).

• Centralización simplificada: Figma no utiliza CRDTs puros, ya que están diseñados para sistemas descentralizados. dado que Figma utiliza una arquitectura cliente/servidor centralizada (el servidor es la autoridad central), pudo simplificar el sistema CRDT.

• Cambios atómicos: los cambios son atómicos a nivel de valor de propiedad. si dos clientes cambian la misma propiedad en el mismo objeto simultáneamente, el documento terminará con el último valor enviado al servidor. esto significa que la edición simultánea del mismo valor de texto no funciona en Figma (el resultado final será el último valor, nunca una combinación fusionada), lo cual fue un compromiso aceptable porque Figma es una herramienta de diseño, no un editor de texto.

La ofensiva en la era de la IA: Figma como one-stop shop

Figma está haciendo movimientos audaces para mantenerse a la vanguardia, buscando convertirse en una «ventanilla única» (one-stop shop) para el diseño y el marketing. en su conferencia anual Config, anunciaron nuevos productos impulsados por IA para desafiar a sus principales rivales:

• Figma Sites: permite a los diseñadores publicar sitios web directamente desde Figma. está dirigido a usuarios de Webflow y Framer. este proyecto requirió desarrollar sistemas capaces de traducir elementos de diseño a código web funcional (html y css).

• Figma Draw: herramienta enfocada en el diseño visual y de branding, compitiendo con Adobe Illustrator.

• Figma Buzz: facilita el escalamiento rápido de diseños centrados en marketing, compitiendo con Canva.

• Figma Make: una herramienta de prototipado generativo a partir de prompts (texto a aplicación funcional) que coloca la artesanía y creatividad humana en el centro del proceso de desarrollo.

El desarrollo de Figma Make fue posible gracias a la infraestructura creada para Figma Sites, que requirió desarrollar code layers en Figma Sites. esto hizo posible escribir código directamente dentro de Figma y convertir diseños en código, específicamente React, no solo html y css.

Cultura de feedback y evaluación de productos de ia centrada en el humano

La innovación en Figma es apoyada por una cultura que prioriza la retroalimentación temprana.

Inspiradas en las críticas de diseño, las críticas de ingeniería (engineering crits) son un pilar en el flujo de trabajo de Figma.

• Propósito: son un «espacio seguro» para el brainstorming de enfoques novedosos a problemas técnicos, obtener apoyo experto en diseños técnicos, identificar desafíos y compartir conocimiento.

• No es aprobación: las eng crits no son un proceso formal de aprobación o decisión. la retroalimentación que llega demasiado tarde (como en una revisión técnica formal) puede llevar a un feedback que bloquee el lanzamiento.

• Uso de figjam: estas sesiones a menudo se ejecutan en el lienzo abierto de FigJam. esto permite que los revisores dejen stickies en paralelo y en silencio, lo que facilita múltiples conversaciones a la vez y mantiene el feedback enfocado.

Para Figma Make, el equipo adoptó un proceso de evaluación centrado en el ser humano, buscando escalar el «gusto humano». David Kossnick, jefe de producto de IA de Figma, lideró este proceso.

1. Definición de métricas de éxito subjetivas: se utilizaron dos puntuaciones clave, ambas calificadas por humanos en una escala de 1 a 4:

1. • Puntuación de diseño (design score): evalúa si el resultado visual se ve bien y si el usuario realmente lo utilizaría.

1. • Puntuación de funcionalidad (functionality score): evalúa si el elemento creado a partir del prompt realmente funciona como se esperaba.

1. Recolección cualitativa a escala: el equipo utilizó cuatro círculos concéntricos de feedback. la recopilación interna en FigJam fue la más útil. en un gran tablero de FigJam, los equipos de PM y diseño generaron más de 1.000 ejemplos de casos de uso y fallos. esto ayudó a identificar el problema central a resolver: diseñadores que convierten diseños en prototipos funcionales.

1. Evaluación de datos: se utiliza un marco que combina cuatro tipos de juicio para mejorar el producto:

1. • Determinista: pruebas de pasa/falla que pueden ser automatizadas (ej: ¿compila el código generado por IA?).

1. • Gusto y juicio: contratistas y empleados evalúan diariamente las respuestas de IA, utilizando guías de marca detalladas para estructurar el feedback cualitativo.

1. • IA como juez: se entrena a modelos de IA para evaluar la calidad basándose en las pautas de juicio humanas.

1. • Analíticas de uso: pruebas A/B en producción para ver qué modelos o características tienen mejor rendimiento entre los usuarios reales.

El dilema del héroe

Figma está sólidamente posicionada como la herramienta de diseño líder para los años venideros. sin embargo, la compañía se está acercando a su oferta pública inicial (OPI).

Un observador señala que, a medida que Figma se acerca a su OPI, la presión por mantener el crecimiento y satisfacer a los accionistas probablemente conducirá a aumentos de precios. esto lleva al dilema, citando a The Dark Knight: Figma podría «morir como un héroe o vivir lo suficiente para verse convertido en el villano», lo que implica el riesgo de evolucionar hacia el próximo monopolio de software de diseño (un papel que antes ocupaba Adobe). no obstante, los lanzamientos de productos recientes posicionan firmemente a Figma como la herramienta de diseño de producto líder para los años venideros.

Detrás de cada gran producto hay una idea bien diseñada y un equipo capaz de darle forma. Figma ha cambiado la manera de colaborar; nosotros trabajamos con ese mismo espíritu en nuestro servicio de diseño gráfico, ayudando a empresas como la tuya a transformar conceptos en marcas que conectan.

Si quieres mejorar tu posicionamiento, generar leads y escalar tu marketing, somos esa Agencia de marketing en Barcelona especializada en pymes y empresas industriales que estás buscando. Hablemos.