clintonhalpin / cra-template-figma-plugin

cra-template-figmaplugin

Use create react app to build a Figma Plugin, supafast.

Here are some of the key differences beyond default cra-template

• build: Figma plugins don't have access to file system so JS/CSS are inlined with inline-build.sh
• post-install: Automatically setup your Figma plugin files
  • Plugin Manifest: Added files for creating your plugin manifest
  • Plugin file: Added plugin file to show plugin when run in figma

To use this template run the following

# Clone starter
npx create-react-app newPlugin --template cra-template-figma-plugin
# Copy files from src directory
cd newPlugin && ./src/post-install.sh
# build plugin
pnpm run build

To run this plugin in Figma

1. Open figma file
2. Select an element and right click select Plugins > Development > Import Plugin from manifest

---

For more information, please refer to:

• Figma Plugin Documentation - Figma Plugin Documentation
• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.