Khachatur Khachatour

Figma Plugin Development Live Reload

Create a run-plugin.sh somewhere in your project
Copy the code from the run-plugin.sh file in this gist
Install nodemon with yarn add --dev nodemon
Add a script in the scripts property of your package.json replacing PLUGIN_CODE_FOLDER by the path to the folder where your plugin code lives
```
"scripts": {
```

"livereload": "nodemon --watch PLUGIN_CODE_FOLDER --exec run-plugin.sh"

Keybase proof

I hereby claim:

I am khachatour on github.
I am khachatur (https://keybase.io/khachatur) on keybase.
I have a public key ASC0SIEIfFRbrhsY2lv3w2xi6pTumaeVCyr4I6rttcy_dgo

To claim this, I am signing this object:

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

We couldn’t find that file to show.