Name: Bootstrap a Figma Plugin
Uploaded: 2020-01-18T12:08:21-06:00
Description: In this video, you will learn how to bootstrap a Basic Figma plugin using the Figma app

Bootstrap a Figma Plugin

Communicate between the plugin and Figma 

Publish a Figma Plugin

Change the text value of a select node

Create a Figma Plugin Using Typescript

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

https://app.egghead.io/api/v1/lessons/javascript-bootstrap-a-figma-plugin/subtitles

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.

Bootstrap a Figma Plugin

Share this video with your friends

Course

Create a Figma Plugin Using Typescript