OSS Tanbou
Sign in with GitHub

Figma Plugin Samples

View on GitHubProject website

learn the Figma and FigJam Plugin API through official TypeScript samples for UI, Dev Mode, variables, and codegen

OSS scale score 206.9OSS health 33Update pace 0 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
1,853
Primary language
TypeScript
License
MIT
Repository last updated
Mar 23, 2026
On this page

Overview

plugin-samples is Figma's collection of Plugin API examples. Small Figma and FigJam plugins demonstrate canvas operations, plugin UIs, message passing, Dev Mode, variables, parameters, codegen, and bundled React examples through working source code.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Key features

Study small plugins with and without custom UI

Examples cover shape generation, image processing, document statistics, text search, and more, with code.ts and optional ui.html showing how Plugin API logic and UI responsibilities are separated.

Sources: [1]

Find examples for FigJam, Dev Mode, variables, parameters, and codegen

The repository groups examples for FigJam-specific nodes, Dev Mode, variable import/export, parameter input, codegen, and other API surfaces in one place.

Sources: [1]

Compile samples with TypeScript and Figma typings

Root development dependencies include TypeScript and Figma Plugin typings, while individual sample tsconfig.json files compile code against the typed Plugin API.

Sources: [1][2]

Best fit

Fits developers learning plugin development from official minimal code

It is useful when Plugin API concepts need to be connected to real manifests, TypeScript, and HTML, or when a team wants an official example of a specific Figma API surface.

Sources: [1][4]

Before adoption

Treat the samples as examples rather than production templates

The README provides the samples AS IS and explicitly asks users to evaluate safety and suitability themselves. Review permissions, network access, error handling, and dependencies before adapting a sample for production.

Sources: [1]

Local plugin testing requires the Figma desktop app

Figma's official Plugin Quickstart requires the desktop app for development and testing from local plugin files. Compiling a sample in a terminal is not the same as validating it as a running plugin.

Sources: [4]

Official sources

  1. [1]Figma plugin-samples README snapshot(2026-10-04)
  2. [2]Figma plugin-samples package metadata(2026-10-04)
  3. [3]Figma plugin-samples MIT license(2026-10-04)
  4. [4]Figma Plugin Quickstart Guide(2026-10-04)
Supplemental curator note

Treat this repository as a set of API learning and validation examples rather than a production plugin template. Borrow the smallest relevant example and then review permissions, network access, dependencies, and error handling for your own plugin.

Try it in 3 steps

  1. 1

    Fetch the samples at the reviewed commit

    The repository has no release tags, so pin the commit reviewed on 2026-10-04.

    git clone https://github.com/figma/plugin-samples.git && git -C plugin-samples checkout 03131bef561eb25ee2b704e3b39e40acc70330e0
  2. 2

    Install dependencies and compile the Bar Chart sample

    Use the root TypeScript and Figma typings to build the Bar Chart example referenced by the README.

    cd plugin-samples && npm install && npx tsc -p barchart/tsconfig.json
  3. 3

    Import the manifest in the Figma desktop app

    Select plugin-samples/barchart/manifest.json in the Figma desktop app and run it as a development plugin.

    Plugins > Development > Import plugin from manifest...
Check the official README

Growth

Growth trends · Last 30 days

1,853 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
0
Open PRs
12

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • figma
  • figma-plugin
  • figma-widget
  • hacktoberfest
  • sample-code
Stars
1,853
Forks
351
Watchers
86
Open issues
7
Contributors
25
Owner type
Organization
Primary language
TypeScript
License
MIT
Repository last updated
Mar 23, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.

After reading this page, do you know what to do next?