Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/07akioni/figma-plugin-image-info
https://github.com/07akioni/figma-plugin-image-info
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/07akioni/figma-plugin-image-info
- Owner: 07akioni
- License: mit
- Created: 2020-07-09T14:57:01.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-07-09T16:47:44.000Z (over 4 years ago)
- Last Synced: 2024-11-24T16:25:59.694Z (about 1 month ago)
- Language: JavaScript
- Size: 8.79 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Below are the steps to get your plugin running. You can also find instructions at:
https://www.figma.com/plugin-docs/setup/
This plugin template uses Typescript and NPM, two standard tools in creating JavaScript applications.
First, download Node.js which comes with NPM. This will allow you to install TypeScript and other
libraries. You can find the download link here:https://nodejs.org/en/download/
Next, install TypeScript using the command:
npm install -g typescript
Finally, in the directory of your plugin, get the latest type definitions for the plugin API by running:
npm install --saveDev @figma/plugin-typings
If you are familiar with JavaScript, TypeScript will look very familiar. In fact, valid JavaScript code
is already valid Typescript code.TypeScript adds type annotations to variables. This allows code editors such as Visual Studio Code
to provide information about the Figma API while you are writing code, as well as help catch bugs
you previously didn't notice.For more information, visit https://www.typescriptlang.org/
Using TypeScript requires a compiler to convert TypeScript (code.ts) into JavaScript (code.js)
for the browser to run.We recommend writing TypeScript code using Visual Studio code:
1. Download Visual Studio Code if you haven't already: https://code.visualstudio.com/.
2. Open this directory in Visual Studio Code.
3. Compile TypeScript to JavaScript: Run the "Terminal > Run Build Task..." menu item,
then select "tsc: watch - tsconfig.json". You will have to do this again every time
you reopen Visual Studio Code.That's it! Visual Studio Code will regenerate the JavaScript file every time you save.