11Below are the steps to get your plugin running. You can also find instructions at:
22
3- https://www.figma.com/plugin-docs/plugin-quickstart-guide/
3+ https://www.figma.com/plugin-docs/plugin-quickstart-guide/
44
55This plugin template uses Typescript and NPM, two standard tools in creating JavaScript applications.
66
77First, download Node.js which comes with NPM. This will allow you to install TypeScript and other
88libraries. You can find the download link here:
99
10- https://nodejs.org/en/download/
10+ https://nodejs.org/en/download/
1111
1212Next, install TypeScript using the command:
1313
14- npm install -g typescript
14+ npm install -g typescript
1515
1616Finally, in the directory of your plugin, get the latest type definitions for the plugin API by running:
1717
18- npm install --save-dev @figma/plugin-typings
18+ npm install --save-dev @figma/plugin-typings
1919
2020If you are familiar with JavaScript, TypeScript will look very familiar. In fact, valid JavaScript code
2121is already valid Typescript code.
@@ -34,7 +34,7 @@ We recommend writing TypeScript code using Visual Studio code:
34341 . Download Visual Studio Code if you haven't already: https://code.visualstudio.com/ .
35352 . Open this directory in Visual Studio Code.
36363 . Compile TypeScript to JavaScript: Run the "Terminal > Run Build Task..." menu item,
37- then select "npm: watch". You will have to do this again every time
38- you reopen Visual Studio Code.
37+ then select "npm: watch". You will have to do this again every time
38+ you reopen Visual Studio Code.
3939
4040That's it! Visual Studio Code will regenerate the JavaScript file every time you save.
0 commit comments