priority-matrix

Collaboratively rate FigJam stickies on 2 axes then plot the results.

Video preview (1:47)

Figma Widget Page

Code organization:

dir / path	description
ui-src/	This is where the iframe code lives
ui-src/index.html	Main entry point for the iframe code
ui-src/tsconfig.json	tsconfig for the iframe code
code.tsx	This is the widget code
tsconfig.json	tsconfig for the widget code
dist/	Built output goes here

• The widget code just uses tsc directly like most of our plugin/widget samples
• The iframe code uses a tool called vite to bundle everything into a single html file

Getting started

one-time setup

1. yarn install

importing your widget

1. "Import widget from manifest"
2. Build code npm run build
3. Choose your manifest

Scripts

script	description
npm run build	one-off full build of both the iframe and widget
npm run build:main	one-off build of the widget code
npm run build:ui	one-off build of the iframe code
npm run build:main:watch	watch-mode build of the widget code. rebuilds if when you save changes.
npm run build:ui:watch	watch-mode build ui code. rebuilds if when you save changes.
npm run build:ui:dev:watch	watch-mode development build ui code. rebuilds if when you save changes.
npm run watch	watch-mode build of both the ui and main. rebuilds when you save changes.