Back to Plugins
CopyKit - Copy & Paste Styles (Beta 2)

CopyKit - Copy & Paste Styles (Beta 2)

The smartest way to copy and paste styles.

Plugin Preview

CopyKit - Copy & Paste Styles (Beta 2) preview

About this plugin

The ultimate style clipboard for Figma with revolutionary Clone Structure technology.


Stop wasting time manually reapplying properties layer by layer. CopyKit Beta 2 is a powerful, all-in-one tool that gives you precise control to copy and paste exactly what you need—from a single color to recreating missing elements in complex components.


Built for designers who value speed and precision, CopyKit is your new essential utility.


🆕 What's New in Beta 2:


🏗️ Clone Structure: Revolutionary technology that automatically recreates missing elements (vectors, icons, text, frames) when pasting to incomplete components. Perfect for design systems and component variations.


🎯 Real Vector Cloning: Preserves exact vector geometry, not just basic shapes. Your custom icons and complex graphics stay pixel-perfect.


📐 Perfect Order Preservation: Maintains exact element sequence in AutoLayout containers, ensuring consistent structure.


Key Features:


✅ Total Control with Checkboxes: Why copy everything when you only need one property? CopyKit's power lies in its simplicity. Use the checkboxes to select precisely what you want to copy:


• Style: Fills, strokes, effects, opacity, and corner radii (including individual corners!) • Layout: Auto Layout properties like padding, spacing, alignment, and child constraints • Size: The exact dimensions (width and height) of an element • Text: Font properties and linked Text Styles • 🆕 Clone Structure: Recreate missing elements automatically


✨ Deep Recursive Copy: Select an entire frame, and CopyKit saves a complete map of its styles and the styles of all its nested children. When you paste onto a matching component, it updates everything layer by layer based on the properties you've checked.


🏗️ Smart Structure Cloning: When Clone Structure is enabled, CopyKit intelligently recreates missing elements in your target component. Copy a button with an icon and text, paste to a text-only button, and watch as the icon appears automatically in the correct position.


🧠 Smart Auto Layout & Sizing: When the Layout checkbox is active, pasting onto a plain object will instantly wrap it in a new, perfectly configured Auto Layout frame. If the Size checkbox is also active, it will even apply the original dimensions where possible.


💧 Eyedropper Mode (Quick Paste): The styles applied by the Eyedropper respect exactly what you chose with your checkboxes. It's the fastest way to apply a specific set of properties to multiple objects.


🎨 Full Figma Styles Support: CopyKit preserves your workflow by copying linked Color Styles, Text Styles, and Effect Styles, ensuring consistency with your design system.


❤️ User-Friendly: Comes with Light & Dark Mode, English & Spanish translations, and a clean, simple interface.


Perfect for: • Design system maintenance and component variations • Copying complex components with icons and vectors • Rapid prototyping with consistent styling • Teams working with shared component libraries


How to Use:


Select Checkboxes: Choose what you want to copy (Style, Layout, Size, Clone Structure, etc.)

Copy: Select your source layer/frame and click Copy Styles

Paste: Select your target layer(s) and click Paste Styles or enable Eyedropper Mode for rapid pasting

🆕 Clone Structure: Enable this option to automatically recreate missing elements in incomplete components

Feedback & Support: This plugin is actively maintained. If you have any suggestions, feature requests, or bug reports, please use the feedback form linked in the plugin's footer.


(Español)


La forma más inteligente de copiar y pegar estilos con tecnología revolucionaria de Clonación de Estructura.


🆕 Novedades en Beta 2:


🏗️ Clonar Estructura: Tecnología revolucionaria que recrea automáticamente elementos faltantes (vectores, iconos, texto, frames) al pegar en componentes incompletos. Perfecto para sistemas de diseño y variaciones de componentes.


🎯 Clonación Real de Vectores: Preserva la geometría exacta de vectores, no solo formas básicas. Tus iconos personalizados y gráficos complejos se mantienen pixel-perfect.


📐 Preservación Perfecta del Orden: Mantiene la secuencia exacta de elementos en contenedores AutoLayout, asegurando estructura consistente.


Características Principales:


✅ Control Total con Checkboxes: Elige exactamente qué copiar en cada momento: • Estilo: Color, borde, efectos, opacidad y esquinas • Layout: Auto Layout, padding, alineación y restricciones • Tamaño: Ancho y alto exactos • Texto: Propiedades de fuente y Estilos de Texto vinculados • 🆕 Clonar Estructura: Recrea elementos faltantes automáticamente


✨ Copiado Profundo y Recursivo: Copia un frame completo y pega sus estilos y los de todas las capas internas en otro frame.


🏗️ Clonación Inteligente de Estructura: Cuando está habilitado, CopyKit recrea inteligentemente elementos faltantes en tu componente destino. Copia un botón con icono y texto, pega en un botón solo con texto, y observa cómo aparece el icono automáticamente en la posición correcta.


🧠 Creación Inteligente de Auto Layout: Envuelve automáticamente elementos en frames de Auto Layout al pegar, replicando el diseño original.


💧 Modo Gotero: Pega rápidamente los estilos seleccionados en múltiples objetos.


🎨 Soporte Completo para Estilos de Figma: Preserva Estilos de Color, Texto y Efectos vinculados, asegurando consistencia con tu sistema de diseño.


❤️ Fácil de Usar: Incluye Modo Claro y Oscuro, traducciones completas, y una interfaz limpia.


Perfecto para: • Mantenimiento de sistemas de diseño y variaciones de componentes • Copia de componentes complejos con iconos y vectores • Prototipado rápido con estilos consistentes • Equipos trabajando con librerías de componentes compartidas

Plugin Details

Version3
CreatedJuly 9, 2025
Last UpdatedJuly 26, 2025
Categoryediting & effects plugins
CreatorAlain Ossandon
Stats14 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdnjs.cloudflare.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com