Figma Plugin Development Live Reload

README.md

Figma Plugin Development Live Reload

1. Create a run-plugin.sh somewhere in your project
2. Copy the code from the run-plugin.sh file in this gist
3. Install nodemon with yarn add --dev nodemon
4. 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"
    }
   

5. Run your livereload task with yarn livereload

run-plugin.sh

#!/usr/bin/env bash

osascript <<'EOF'
if application "Figma" is running then
    tell application "Figma" to activate
    tell application "System Events" to tell process "Figma"
        keystroke "p" using {command down, option down}
    end tell
    return "Running"
else
    return "Not running"
end if
EOF