Au Duong Tuan auduongtuan

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"

	export const measureText = (container: HTMLElement) => {
	const span = document.createElement('span');
	span.style.opacity = '0';
	span.style.position = 'absolute';
	span.style.top = '-1000px';
	span.style.left = '-1000px';
	span.style.whiteSpace = 'nowrap';
	span.style.pointerEvents = 'none';
	container.appendChild(span);

	const { widget } = figma
	const { Rectangle, AutoLayout, Frame, Text, useSyncedState, usePropertyMenu, useEffect, Ellipse } = widget

	function Dot(props) {
	let visible = props.visible
	return (
	<Ellipse
	opacity={visible ? 1 : 0}
	width={24}
	height={24}