Color Swatch widget for FigJam and Figma

Figma Community Page

Starting widget for local development

Run the following command to start building your widget

npm run dev

1. Log in to your account and open the Figma desktop app
2. You can open any existing FigJam document or create a new one.
3. Go to Menu > Widgets > Development > "Import widget from manifest..."
4. Select the manifest.json in this folder

Organization

This widget uses:

• esbuild for bundling
• typescript for typechecking

file/folder	description
manifest.json	The widget's manifest.json
widget-src/	Contains the widget code

npm run dev

This is the only command you need to run in development. It will start the following processes for you:

• bundling
• typechecking

npm run build

This runs bundling with minification turned on. You should run this command before releasing your widget.

npm run test

This runs typechecking and makes sure that your widget builds without errors.