gavinmcfarland / figma-supabase-js-demo

figma-supabase-js-demo

Quickstart

This plugin was created with Plugma using the Svelte framework.

Requirements

• Node.js
• Figma desktop app

Develop

Install the dependencies and watch for changes while developing:

npm install
npm run dev

Open the Figma desktop app, import the plugin and run.

Env variables

Create a .env file in the root of the project with the following variables:

VITE_PUBLIC_SUPABASE_API_URL = ''
VITE_PUBLIC_SUPABASE_ANON_KEY = ''

Import the plugin

1. Open the Figma desktop app and open a file
2. Search for "Import plugin from manifest..." using the Quick Actions bar.
3. Choose the manifest.json file from the dist folder.

Preview

Open http://localhost:<port> to preview your plugin in different browsers.

Make sure the plugin is open in the Figma desktop app.

Publish

Before publishing, make sure to create a build:

npm run build

Now you can publish the plugin from the Figma desktop app.