https://github.com/yuanqing/create-figma-plugin
:battery: The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
https://github.com/yuanqing/create-figma-plugin
create-figma-plugin figjam figjam-plugin figjam-plugins figjam-widget figjam-widgets figma figma-plugin figma-plugins
Last synced: 5 days ago
JSON representation
:battery: The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
- Host: GitHub
- URL: https://github.com/yuanqing/create-figma-plugin
- Owner: yuanqing
- License: mit
- Created: 2019-07-20T02:08:07.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-04-02T13:58:49.000Z (13 days ago)
- Last Synced: 2025-04-03T08:03:15.924Z (12 days ago)
- Topics: create-figma-plugin, figjam, figjam-plugin, figjam-plugins, figjam-widget, figjam-widgets, figma, figma-plugin, figma-plugins
- Language: TypeScript
- Homepage: https://yuanqing.github.io/create-figma-plugin/
- Size: 23.7 MB
- Stars: 994
- Watchers: 7
- Forks: 96
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-list - create-figma-plugin
- awesome-figma - create-figma-plugin - A comprehensive toolkit for developing Figma plugins. (Plugins development)
- awesome-figma - create-figma-plugin - 用于开发Figma插件的工具包。 (插件开发)
- awesome-figma - create-figma-plugin - 用于开发Figma插件的工具包。 (插件开发)
README
*This page is for contributors. If you’re looking to use Create Figma Plugin, [go to the documentation website](https://yuanqing.github.io/create-figma-plugin/).*
---
# [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/) [](https://npmjs.com/package/create-figma-plugin) [](https://github.com/yuanqing/create-figma-plugin/actions?query=workflow%3Abuild)
> The comprehensive toolkit for developing plugins and widgets for Figma
- [Introduction](https://yuanqing.github.io/create-figma-plugin/)
- [Quick start](https://yuanqing.github.io/create-figma-plugin/quick-start/)
- [Configuration](https://yuanqing.github.io/create-figma-plugin/configuration/)
- [UI](https://yuanqing.github.io/create-figma-plugin/ui/)
- [Utilities](https://yuanqing.github.io/create-figma-plugin/utilities/)
- [Recipes](https://yuanqing.github.io/create-figma-plugin/recipes/)
- [Reference plugins/widgets](https://yuanqing.github.io/create-figma-plugin/reference-plugins-and-widgets/)
- [Storybook](https://yuanqing.github.io/create-figma-plugin/storybook/)
- [Changelog](/CHANGELOG.md#readme)
## Contributing
### Pre-requisites
- [Node.js](https://nodejs.org) – v22
- [npm](https://docs.npmjs.com/cli/) – v11
### Building the project locally
```
$ git clone https://github.com/yuanqing/create-figma-plugin
$ cd create-figma-plugin
$ git checkout --track origin/next
$ npm install
```
Active development on the next release occurs on the [`next`](https://github.com/yuanqing/create-figma-plugin/tree/next) branch. Pull requests should be made into `next`.
### Testing changes on an existing plugin/widget
First, build the entire Create Figma Plugin project:
```
$ npm run build
```
Then, create symlinks to the local copy of the project in your existing plugin/widget (eg. `my-project`):
```
$ ls -a
create-figma-plugin my-project
$ sh create-figma-plugin/scripts/symlink.sh create-figma-plugin my-project
```
Finally, build your plugin/widget:
```
$ cd my-project
$ npm run build
```