Bootstrap a Figma Plugin

Khaled Garbaya
InstructorKhaled Garbaya

Share this video with your friends

Send Tweet
Published 2 years ago
Updated a year ago

In this video, you will learn how to bootstrap a Basic Figma plugin using the Figma app

Instructor: [0:00] Let's navigate to figma.com/downloads. Download the desktop app and install it. Once Figma installed, go to Plugins. In the Development section, click on the + button here. Give your plugin a name and click Continue. Choose Web UI browser API, and click Save As. In here, we can save it to the desktop then click OK.

[1:02] Let's open our plugin encoded. We need to install typescript as a global dependency. Now hit Command-Shift-B and choose Watch. Let's go back to Figma and start a new file. Click the Menu. Go to Plugins Development and My Plugin. This is the plugin right here.