Todos los proyectos
Plugin para Figma

Properties Copycat

Configura una instancia. Reutiliza sus propiedades.

Properties Copycat con las propiedades copiadas de una instancia
Avisos de Properties Copycat con lo que no se pudo aplicar
Para quién

Personas que editan instancias de componentes en Figma

Alcance

Plugin · Propiedades · Instancias anidadas

En foco

Component Properties / Auto Layout / Figma Variables

La idea

Configurar una instancia una vez y reutilizarla.

Ajustar variantes, textos, visibilidad e instancias anidadas lleva tiempo cuando hay que repetirlo. Creé Properties Copycat para copiar esa configuración a otras instancias del mismo componente, incluyendo las capas internas compatibles.

Copiar y pegar

Copiar una vez. Pegar en todas.

Partes de una instancia ya configurada, copias sus propiedades y las pegas en otras instancias del mismo componente.

Elegir la instancia de origen
Pegar las propiedades en el resto de las instancias
Propiedades pegadas

Propiedades del componente

Variantes, interruptores, textos e intercambios.

Se copian como un conjunto, incluidas las propiedades vinculadas a variables.

Variables

Los tokens siguen siendo tokens.

Espaciado, radio, tamaño, opacidad, rellenos y bordes quedan vinculados a las mismas variables del origen, no pegados como valores.

Instancias anidadas

Hasta la última capa.

Las instancias anidadas también se copian. Las capas se relacionan por nombre y tipo, así que el orden no importa, y lo que no se puede aplicar aparece en Avisos.

La implementación

Cómo lo construí.

Recorrer las instancias anidadas

La lógica comprueba las correspondencias dentro del componente y sus instancias anidadas. Los avisos explican las diferencias que encontró, para que puedas revisar el resultado.

Properties Copycat

Configura una instancia. Reutiliza sus propiedades.

Component Properties
Variantes, booleanos, textos e intercambios.
Auto Layout
La configuración compatible de la instancia.
Figma Variables
Vínculos de variables compatibles.
Instancias anidadas
Capas relacionadas por nombre y tipo.
Avisos
Lo que no se pudo aplicar, a la vista.

Plugin para Figma

La copia se aplica entre instancias del mismo componente. En textos con formato mixto se conserva el formato común. Los efectos y layout grids no forman parte de la copia.

Ver el código en GitHub
Siguiente proyectoSort your variants