Getting Started with CopyCat's Figma Plugin

Step 1: Install the plugin:

Click here and install CopyCat from Figma's plugin directory

Step 2: Open plugin in a file:

Open your Figma design file. Then right click in the empty area, click on plugins to open CopyCat.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

PS: If you don't see the pluigins option. You might not have edit access to the file. We suggest duplicating the file to your drafts.

How to duplicate a file

Step 3: Convert designs to code

Select the parent frame of your design and CopyCat will generate code within a few seconds.