1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Bootstrap a Figma Plugin

    Khaled GarbayaKhaled Garbaya
    javascriptJavaScript
    figmaFigma
    typescriptTypeScript

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

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    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.