Contenido del caso
Volver a proyectos

UX/UI · Identidad

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.

Una de las cinco piezas de presentación preparadas para Figma Community.

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.

Pantallas de la entrega original, anteriores a la revisión de septiembre.

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

Imagen ampliada