Contenido del caso
Layer Duplicator Pro
Ayudar a diseñadores a entender el plugin y empezar a usarlo.
Layer Duplicator Pro permite crear en Figma variaciones de un mismo diseño, cambiando textos, imágenes y tamaños desde Excel o desde el editor del plugin. Trabajé con K·Factor en su interfaz, identidad y onboarding para explicar su utilidad y guiar el primer uso. El plugin está disponible en Figma Community.
- Equipo
- K·Factor
- Entrega de diseño
- Diciembre de 2025
- Crítica
- tribUX · Mayo de 2026
- Revisión en Figma
- Septiembre de 2026
- Lectura
- 5 min
El proyecto de un vistazo
- Desafío
- Ayudar al diseñador a entender qué hace el plugin, reconocer en qué tareas de su trabajo podría ahorrar tiempo y aprender a utilizarlo.
- Mi papel
- Dentro del equipo de K·Factor, diseñé el onboarding, los materiales de presentación y los vídeos explicativos, además de la interfaz, los textos y la identidad, en coordinación con desarrollo.
- Decisión clave
- Combinar una presentación visual y vídeos que explicaran su utilidad con una bienvenida e indicaciones dentro del plugin para guiar el primer uso.
- Resultado
- Entregué la interfaz, la identidad, el onboarding, las imágenes para Figma Community y el vídeo explicativo. El plugin está publicado; la incorporación de los ajustes posteriores de Figma queda por confirmar.
Contexto y objetivo
Explicar para qué sirve y cómo empezar a usarlo
K·Factor había desarrollado una herramienta para diseñadores que trabajan en Figma y necesitan crear muchas variaciones de una misma pieza. Por ejemplo, permite partir de una tarjeta de producto y generar otras con distintos nombres, precios e imágenes, en lugar de editar cada copia por separado.
El plugin ya funcionaba: se podían preparar los datos en Excel o editarlos dentro de Figma. Mi objetivo era que el diseñador entendiera en qué le podía ayudar y cómo dar los primeros pasos. Para ello trabajé una presentación más visual, vídeos explicativos y el onboarding (la bienvenida y la guía inicial), junto con la interfaz y en coordinación con desarrollo.
Diseño de interacción
La selección debía estar a la vista
Hice visibles el nombre y las medidas de la capa seleccionada para que el diseñador pudiera comprobar qué diseño iba a utilizar como base para las copias. Añadí «Ver detalles» para consultar sus campos cuando lo necesitara, sin mostrar toda esa información desde el principio.
Presenté las dos opciones de trabajo mediante tarjetas. Con Excel se descarga un archivo, se edita fuera de Figma y se vuelve a subir. En el editor del plugin se preparan las copias y se modifican los datos en una tabla.
Trabajo con desarrollo
Los detalles del funcionamiento condicionaron la interfaz
Las revisiones con el equipo de desarrollo concretaron el número de copias, la selección de imágenes y el resultado final. Por ejemplo, las imágenes disponibles deben estar en la misma página de Figma que la capa seleccionada: esa condición tenía que explicarse al utilizarlas.
También preparé los estados de error y el resumen de la operación, con las copias creadas, las incidencias por fila y el detalle de cambios. La implementación correspondió al equipo de desarrollo.
Presentación y onboarding
Diseñé cómo presentar el plugin y guiar su primer uso
Preparé cinco piezas para Figma Community y un vídeo breve para explicar qué hace el plugin, cómo funciona y en qué puede ayudar a un diseñador. Utilicé ejemplos visuales de tarjetas y anuncios para mostrar cómo una pieza puede convertirse en varias versiones.
Dentro del plugin, diseñé la bienvenida y las indicaciones para seleccionar una capa y elegir entre Excel y el editor. Organicé la ayuda junto a los pasos en los que podía hacer falta, para acompañar el primer uso.
Trabajé la interfaz y los materiales visuales en Figma. Me apoyé en ChatGPT para revisar textos que después ajustaba al funcionamiento de la herramienta.
Identidad visual
Una identidad reconocible dentro y fuera de Figma
Construí el logotipo combinando las capas de Figma con una hoja de Excel. Preparé el símbolo, la versión con el nombre y otra con una frase que explica la función del plugin, para utilizarlos en la interfaz, Community y los vídeos.
El azul identifica el editor del plugin y el verde, el recorrido con Excel. Completé la paleta con tonos neutros para fondos y textos, y rojo para los errores.
Revisión e iteración
Había añadido explicaciones por miedo a que no se entendiera
En mayo de 2026 participé en una Design Critique de tribUX, donde presenté el proyecto. Gema Gutiérrez y las compañeras señalaron que las flechas, las instrucciones repetidas y la numeración podían generar sobrecarga cognitiva al competir con las acciones principales.
En septiembre retomé las pantallas: había demasiadas explicaciones compitiendo con las acciones. Retiré flechas y notas repetidas, aclaré etiquetas y corregí estados contradictorios.
Alcance de la entrega y la revisión
Trade-offs: decisiones y renuncias
- Mostrar menos información, a cambio de un paso más para consultar los detalles. Dejé a la vista el nombre y las medidas de la capa, y el resto de sus campos dentro de «Ver detalles». Así la pantalla inicial mostraba menos información, aunque consultar todos los campos requería una acción adicional.
- Ajustar la interfaz existente y dejar pendiente un recorrido más corto. En la revisión de septiembre mantuve el recorrido del plugin, que ya estaba desarrollado, y me centré en los textos, las ayudas y los estados. Esto acotó la revisión, a cambio de conservar los pasos del proceso con Excel. La propuesta de reducirlos quedó pendiente de valorar con desarrollo.
Resultado y aprendizaje
Aprendí a distinguir una ayuda de una repetición
El trabajo abarcó desde cómo se presenta el plugin a los diseñadores hasta cómo les guía al empezar a usarlo, junto con la interfaz y la identidad. El plugin está disponible en Community. Los últimos ajustes están documentados en Figma; todavía no he confirmado su incorporación al producto publicado.
Mi aprendizaje principal fue que explicar más no siempre ayuda. El siguiente paso sería comprobar los recorridos con usuarios: la crítica fue una revisión del diseño, no una prueba de usabilidad, y no dispongo de métricas de impacto.
Documentación
Presentación, vídeo y flujo de usuario
Ver más imágenes del proyecto
¿Quieres probar Layer Duplicator Pro?
Crea variaciones de una capa con Excel o desde el editor del plugin.
Probar el plugin