🍱 Figma + FigJam Plugin Samples

Sample plugins using the Figma + FigJam Plugin API.

To make a feature request, file a bug report, or ask a question about developing plugins, check out the available resources.

Getting Started

Now you can import the Bar Chart plugin from within the Figma desktop app (Plugins > Development > Import plugin from manifest... from the right-click menu)!

The code for each plugin is in code.ts in that plugin's subdirectory. If a plugin shows some UI, the HTML will be in ui.html.

For example, the code for the Bar Chart sample plugin is in barchart/code.ts, and the HTML for its UI is in barchart/ui.html.

Other Figma Plugin Samples + Starters

• Create Figma Plugin - A comprehensive toolkit for developing Figma plugins.
• Figma Plugin Boilerplate - A starter project for creating Figma Plugins with HTML, CSS (+ SCSS) and vanilla Javascript without any frameworks.
• Figsvelte - A boilerplate for creating Figma plugins using Svelte.
• Figplug - A small program for building Figma plugins. It offers all the things you need for most projects: TypeScript, React/JSX, asset bundling, plugin manifest generation, etc.