1️⃣Install the plugin

Follow this step-by-step guide to start using Clapy in Figma!

Ready to get the code of your component? 🤩

Let's see how to run the plugin and generate the React code.

Load the plugin in Figma

To install Clapy, click on the "Try it out" button on our Figma community page https://www.figma.com/community/plugin/1083031796594968801

Install Clapy from the Community page

This will open an empty draft in Figma where you can load the plugin, by clicking on the "Run" button. But... this draft is empty! Let's see how to open Clapy in a Figma file containing the designs you want to code.

Launch the plugin in your file by clicking on the "run" button from the community dropdown menu

Now, let's open the plugin in a file with designs you want to code!