Write Figma plugins with ClojureScript. Comes with a browser-based development environment for development without using Figma + all the bells and whistles of ClojureScript development.
npm install @cljs-figma/cljs-figmaWrite Figma plugins with ClojureScript. Comes with a browser-based development environment for development without using Figma + all the bells and whistles of ClojureScript development.
- Create new plugin inside Figma
- Select "Figma Design" (we don't support FigJam just yet)
- Select "Empty" so we get a barebones plugin to start with.
- Delete the code.js file that gets created automatically
- Run npm init --force --yes and adjust to your liking
- Install cljs-figma in the project with npm install --save-dev cljs-figma
- Run npx cljs-figma-init to create the basic directory structure
- Inside the src/main directory, there will now be two starter files, code.cljs and ui.cljs
- Run npx cljs-figma-dev to start a in-browser development environment
- Run npx cljs-figma-build to build the Figma plugin
Two main files that are being used as entrypoints.
- src/main/plugin/ui.cljs is loaded as the UI code.
- src/main/plugin/code.cljs is loaded in the background context.