Cómo DUOTONE ahorra más de 80 horas por proyecto al manejar todo su flujo de trabajo en Figma

Fundada en Seúl en 2018, DUOTONE es una agencia de diseño digital de 60 personas especializada en diseño UX/UI y sistemas de diseño. El estudio colabora con empresas de diversos sectores, como finanzas, comercio, automotriz y contenidos, para desarrollar proyectos digitales.

Desde que implementó Figma en toda la empresa hace cinco años, la plataforma se convirtió en parte de su forma de trabajar. Desde la planificación y la documentación hasta la arquitectura de sistemas de diseño y la producción visual, el equipo gestiona todo su flujo de trabajo dentro del ecosistema de Figma, lo que se traduce en:

• Reducción del 90 % en el tiempo dedicado a redactar documentos de especificaciones durante la entrega del proyecto, con un ahorro de más de 80 horas por proyecto.
• 20 % menos de tiempo dedicado a la producción visual.
• El tiempo de control de calidad de los informes pasó de varias horas a 5-10 minutos.

De archivos dispersos a un único lienzo

Antes, DUOTONE trabajaba con múltiples partes interesadas y numerosos documentos, lo que generaba conflictos entre versiones y entregas poco fluidas. Desde que centralizó todo en Figma, la comunicación con los clientes cambió por completo. Las decisiones y las conversaciones ocurren directamente en el lienzo, lo que hace que la comunicación y las entregas sean mucho más eficientes.

Las entregas al equipo de desarrollo también se volvieron mucho más eficientes. Antes, terminar un diseño implicaba crear una guía de especificaciones independiente para entregarla a ingeniería. Con Dev Mode, ese paso desapareció: los desarrolladores pueden hacer clic en cualquier elemento y ver la estructura de componentes, los valores de los tokens, las especificaciones de las fuentes y fragmentos de código listos para usar en web, iOS y Android, todo directamente dentro del archivo de diseño.

Como resultado, el tiempo dedicado a redactar documentos de especificaciones independientes durante la entrega del proyecto se redujo un 90 %, lo que supone un ahorro de más de 80 horas en cada proyecto. Además, cuando existe una diferencia entre lo que muestra la UI y cómo está implementada realmente, los diseñadores pueden agregar anotaciones junto a la pantalla correspondiente para explicar la intención del diseño o señalar casos particulares. Con herramientas como Jira, Linear y Storybook conectadas, cualquier cambio realizado durante la etapa de diseño llega directamente al flujo de trabajo del equipo de desarrollo.

Sistemas de diseño que mantienen la coherencia de los productos a gran escala

Una de las solicitudes más habituales de los clientes es que DUOTONE cree un sistema de diseño para gestionar sus productos. El desafío es complejo, ya que el sistema debe seguir funcionando a medida que el producto crece entre distintos equipos, plataformas y a lo largo del tiempo. DUOTONE ha creado y mantenido sistemas para los sectores financiero, comercial, automotriz y de contenidos, siempre con las variables y la arquitectura de componentes como pilares fundamentales.

Este enfoque demostró su valor en un proyecto de sistemas de infoentretenimiento para vehículos. Cada modelo tenía una resolución de pantalla diferente y los temas claro y oscuro debían adaptarse de forma fluida a las condiciones de conducción, por ejemplo, al conducir de día o de noche, o al entrar en un túnel. Los requisitos eran complejos. Los requisitos eran complejos.

Al definir todo mediante variables —la resolución del vehículo (ancho y alto), la altura de los botones e incluso el radio de las esquinas— y dividir los componentes por tamaño (pequeño, mediano y grande), bastaba con ajustar unos pocos valores de los tokens en la biblioteca principal para actualizar al instante todas las pantallas, en lugar de rediseñarlas una por una durante semanas.

Más allá de la UI: Figma también impulsa la producción visual

Gracias al creciente conjunto de herramientas de edición de imágenes con IA de Figma, DUOTONE incorporó una gran parte del trabajo visual, como ilustraciones y piezas promocionales, directamente en Figma.

Funciones como Vectorize, que convierte automáticamente imágenes de mapa de bits en gráficos vectoriales, y Remove Background, que permite quitar el fondo de una imagen, eliminaron pasos que antes obligaban al equipo a alternar entre distintas herramientas especializadas. Ahora, el ajuste final de un recurso —la exposición, la temperatura de color, las sombras o la atmósfera general— se realiza en el mismo archivo de Figma donde vive el resto de la campaña.

El resultado es que una pieza visual puede desarrollarse desde el concepto hasta la versión final en un único lienzo, con un 20 % menos de tiempo perdido entre exportaciones de archivos y cambios de herramienta.

Al compartir el mismo lienzo para el trabajo visual y de UI, el equipo colabora mucho más rápido. Todos los diseñadores trabajan a partir de una única fuente de verdad, intercambian feedback en tiempo real y comparan varias propuestas lado a lado. Lo mismo ocurre durante las revisiones con clientes: el equipo comparte el trabajo en progreso tal como está, recibe feedback de inmediato y realiza los ajustes en el momento antes de volver a presentarlo.

Escalar la productividad con plugins personalizados

DUOTONE amplió progresivamente todo lo que puede hacer dentro de Figma incorporando plugins para distintas tareas, desde la búsqueda de recursos hasta el mantenimiento de sistemas de diseño. Cuando un plugin de la comunidad no se adapta a sus necesidades, el equipo desarrolla exactamente lo que necesita con la Plugin API de Figma, transformando soluciones puntuales en capacidades compartidas que aumentan la productividad de todo el estudio.

Un ejemplo reciente es un corrector ortográfico impulsado por IA para las entregas a clientes. Antes, revisar un informe requería varias horas del trabajo de distintos diseñadores. Ahora, el plugin analiza todas las capas de texto del lienzo en una sola pasada y propone correcciones, reemplazando una revisión manual minuciosa por un solo clic. Como resultado, el tiempo promedio de control de calidad por informe pasó de 3 horas a solo 5 minutos, y también disminuyeron las correcciones de último momento antes de la entrega.

Cualquier integrante del equipo puede desarrollar un plugin cuando detecta una tarea repetitiva y tediosa. Y eso ocurre con frecuencia: muchos de ellos están listos en cuestión de días. Un ejemplo reciente fue el de un diseñador junior que creó un plugin para generar automáticamente registros de actualizaciones, reemplazando horas de copiar y pegar manualmente y evitando los pequeños errores que ese proceso solía generar.

El resultado es una biblioteca cada vez mayor de plugins personalizados —correctores ortográficos, numeración automática de páginas, generadores de gráficos, compiladores de registros de actualizaciones y mucho más— creados, mantenidos y ampliados por los propios diseñadores del estudio. Esta cultura de construir sobre Figma transformó la manera de trabajar de DUOTONE. Figma ya no es solo el lugar donde se diseña; es la plataforma que permite escalar la forma en que trabaja el estudio.

Del mantenimiento manual al mantenimiento impulsado por IA

Mantener un sistema de diseño suele requerir más esfuerzo que construirlo. A medida que la biblioteca evoluciona, también aumenta la carga operativa de organizar tokens, mantener convenciones de nomenclatura y verificar la coherencia entre archivos.

DUOTONE resolvió este desafío convirtiendo Figma en la fuente de verdad que alimenta a sus agentes de IA. A través del servidor MCP y de la Plugin API de Figma, agentes como Claude y Cursor acceden a la biblioteca de DUOTONE con todo el contexto del sistema de diseño —componentes, variables, tokens y convenciones de nomenclatura— para detectar inconsistencias, señalar valores que deberían convertirse en tokens y proponer correcciones alineadas con los estándares del equipo. Una vez revisadas y aprobadas, las actualizaciones vuelven a Figma en forma de variables, transformando días de trabajo repetitivo en una fracción del tiempo.

El equipo está llevando este enfoque un paso más allá al probar un flujo de trabajo en el que la IA redacta documentos de requisitos funcionales (FRD) directamente a partir de las especificaciones y los datos de los componentes de un archivo de Figma. Las decisiones visuales tomadas en el lienzo se convierten automáticamente en información estructurada, lo que reduce la fricción entre el diseño, el producto y la entrega a ingeniería. Ese mismo flujo de contexto también permite que la IA genere nuevos diseños que se mantienen alineados con el sistema desde el primer momento. El resultado es que la IA se encarga del mantenimiento y la documentación, mientras los diseñadores pueden concentrarse en el trabajo que solo ellos pueden hacer.

OPENPATH: donde la experiencia de DUOTONE se convierte en una guía para la comunidad

DUOTONE comparte su experiencia con la comunidad de diseño a través de OPENPATH, una plataforma educativa creada a partir de proyectos reales para clientes. Lo que comenzó como una iniciativa interna de investigación y desarrollo hoy se convirtió en un recurso abierto, construido sobre años de aprendizaje en proyectos reales.

El programa va mucho más allá del uso de herramientas. Enseña metodologías validadas en proyectos reales: cómo construir sistemas de diseño sofisticados basados en variables, optimizar procesos con plugins e integrar agentes de IA en los flujos de trabajo de diseño. Quienes participan en OPENPATH no solo adquieren habilidades de diseño, sino que aprenden cómo trabaja realmente una agencia cuando el objetivo es entregar un producto. Los diseñadores junior obtienen una base sólida que les permite aportar valor desde el primer día, evitando muchos de los errores habituales al inicio de una carrera. Los diseñadores sénior, por su parte, descubren nuevas formas de trabajar acordes con la evolución de la disciplina y del propio rol del diseño.

Para DUOTONE, el objetivo no es solo convertirse en un estudio de referencia, sino elevar el nivel del diseño en toda la industria. Junto con el ecosistema de Figma, que continúa expandiéndose, DUOTONE seguirá explorando nuevas maneras de que los diseñadores colaboren con la IA, dediquen más tiempo a aquello que mejor saben hacer y se concentren en lo que realmente importa.