CopyKit · Beta 3.0
Guía de funciones.
Referencia de cada control de la interfaz con el nombre exacto tal como aparece en el plugin.
1 · Flujo de trabajo
CopyKit mantiene un portapapeles interno (independiente del portapapeles del sistema) con las propiedades del último nodo copiado. El flujo básico es siempre el mismo:
- 1 Selecciona el nodo de origen en Figma.
- 2 Activa los toggles de las propiedades que quieres transferir.
- 3 Pulsa Copy en el plugin.
- 4 Selecciona el nodo o nodos de destino.
- 5 Pulsa Paste. El plugin aplica las propiedades activas al destino.
Múltiples destinos: puedes seleccionar varias capas antes de pegar. El plugin itera sobre cada nodo seleccionado y aplica las propiedades de forma individual.
2 · Controles de copia
Cada toggle de la barra de iconos determina qué propiedades se incluyen en la operación de copia. Los toggles activos (resaltados) se transfieren al pegar; los inactivos se ignoran.
| Control | Qué transfiere | Por defecto |
|---|---|---|
| Fill | Colores de relleno, gradientes e imágenes. Respeta style IDs de biblioteca cuando están disponibles. | Activo |
| Stroke | Borde (color, grosor, posición, tipo de línea). | Activo |
| Effects | Sombras (drop shadow, inner shadow), capas de blur y otros efectos. | Activo |
| Opacity | Opacidad global del nodo y modo de fusión (blend mode). | Activo |
| Radius | Radio de esquinas (corner radius), incluyendo radios individuales por vértice. | Activo |
| Layout | Propiedades de Auto Layout: dirección, padding, spacing, constraints, posicionamiento absoluto. | Activo |
| Size | Dimensiones del nodo (ancho y alto). | Activo |
| Text | Propiedades tipográficas: familia, peso, tamaño, interlineado, tracking, alineación, decoración y transformación. | Activo |
| Auto Wrap | Si el origen tiene Auto Layout y el destino no, envuelve los hijos del destino en un frame con ese layout. | Inactivo |
| Clone Structure | Clonación jerárquica recursiva. Ver sección 3. | Inactivo |
Toggle All: el botón de selección múltiple activa o desactiva todos los controles de una vez. Útil para empezar desde cero o para seleccionarlo todo antes de hacer una copia completa.
Style IDs: cuando el nodo de origen tiene fill, stroke o efectos vinculados a una biblioteca de estilos, CopyKit copia el ID del estilo en lugar del valor raw. Al pegar, Figma aplica el estilo de biblioteca si está disponible en el destino.
3 · Clone Structure
Activa el toggle Clone Structure para replicar la jerarquía de capas del nodo de origen en el destino. La clonación es recursiva: respeta estructuras anidadas de cualquier profundidad (AutoLayout → AutoLayout → Elementos).
Cómo funciona
- · El plugin recorre los hijos del nodo de origen y los compara con los del destino por nombre de capa.
- · Los hijos que ya existen en el destino reciben las propiedades del origen (respetando los toggles activos).
- · Los hijos que faltan en el destino se crean desde cero, respetando tipo de nodo, texto real y propiedades.
- · El texto de cada capa se copia del contenido real (no del nombre de la capa).
- · Las fuentes del origen se cargan automáticamente; si no están disponibles, se usa Inter como fallback.
- · Los fills blancos por defecto generados por Figma en nuevos frames se eliminan automáticamente.
Componentes externos: la clonación completa de estructura en componentes de bibliotecas externas puede requerir Figma Professional debido a límites de la API pública de Figma. Las propiedades visuales (fill, stroke, efectos, tipografía) funcionan en todos los planes.
4 · Auto Wrap
Cuando el toggle Auto Wrap está activo y el nodo de origen tiene Auto Layout, CopyKit verifica si el nodo de destino carece de ese layout. Si es así, envuelve automáticamente los hijos del destino en un nuevo frame con las propiedades de Auto Layout del origen.
Útil para aplicar una estructura de Auto Layout a grupos o frames que no lo tienen, sin tener que configurarla manualmente. El frame generado adopta la dirección, padding y spacing del nodo de origen.
5 · Quick Paste
El toggle Quick Paste activa el modo gotero: el plugin aplica las propiedades copiadas de forma automática cada vez que cambias la selección en el canvas, sin necesidad de pulsar Paste manualmente.
- 1 Copia un nodo de origen con los toggles configurados.
- 2 Activa Quick Paste.
- 3 Selecciona cualquier capa — el plugin aplica los estilos al instante.
- 4 Desactiva Quick Paste cuando hayas terminado para evitar cambios no deseados.
Quick Paste usa el evento selectionchange de la
API de Figma. El icono del toggle cambia de estado para indicar si el modo está activo.
6 · Orientación e idioma
Orientation Toggle
Alterna la barra de herramientas entre layout horizontal (650×60 px) y vertical (70×590 px). Elige el modo que se adapte mejor a tu espacio de trabajo. La preferencia se guarda automáticamente entre sesiones.
Language Toggle (🇪🇸 / 🇺🇸)
Cambia el idioma de los tooltips y etiquetas entre español e inglés. Los tooltips se adaptan también a la orientación actual de la barra.
Dark Toggle
Activa o desactiva el tema oscuro de la interfaz del plugin de forma independiente al tema de Figma. La preferencia persiste entre sesiones.
Feedback
El botón de feedback abre un formulario externo (Tally) para reportar errores o sugerencias directamente desde el plugin.
7 · Limitaciones conocidas
-
Componentes de bibliotecas externas
La clonación completa de estructura (Clone Structure) en componentes de bibliotecas externas puede estar limitada en planes distintos a Figma Professional, por restricciones de la API pública de Figma. Las propiedades visuales funcionan en todos los planes.
-
Nombres duplicados en la misma capa padre
La clonación por nombre asume que los hijos tienen nombres únicos dentro del mismo padre. Si existen duplicados, la clonación opera sobre el primero que encuentra y puede omitir los demás.
-
Fuentes no disponibles
Si las fuentes del nodo de origen no están instaladas en el equipo de destino, el plugin usa Inter como fallback. Instala las fuentes necesarias antes de clonar para obtener un resultado fiel.