https://github.com/kenfdev/figma-event-modeling-plugin
https://github.com/kenfdev/figma-event-modeling-plugin
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kenfdev/figma-event-modeling-plugin
- Owner: kenfdev
- Created: 2026-01-28T06:13:04.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-03-28T14:37:49.000Z (3 months ago)
- Last Synced: 2026-03-28T14:45:33.345Z (3 months ago)
- Language: TypeScript
- Size: 547 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# FigJam Event Modeling Plugin
A FigJam plugin for creating Event Modeling diagrams.
## Setup
### Prerequisites
- Node.js 18+
- Figma Desktop App (required for plugin development)
### Installation
```bash
npm install
npm run build
```
### Load Plugin in Figma
1. Open Figma Desktop App
2. Go to **Plugins → Development → Import plugin from manifest**
3. Select `manifest.json` from this project's root directory
4. Open a FigJam file
5. Run the plugin from **Resources → Plugins → Development**
## Development
Start the development server with hot module replacement:
```bash
npm run dev
```
- Edit code and Plugma auto-rebuilds
- UI changes appear instantly via HMR
- Main code changes require plugin restart in Figma
### Production Build
```bash
npm run release
```
## Debugging
- **UI Console**: In Figma, go to Plugins → Development → Open console
- **Main Console**: `console.log` statements appear in Figma's plugin console
## Project Structure
```
├── manifest.json # Figma plugin configuration
├── package.json # Dependencies and scripts
├── tsconfig.json # TypeScript configuration
├── vite.config.ts # Vite bundler config
├── src/
│ ├── main.ts # Plugin sandbox (Figma API access)
│ ├── ui/
│ │ ├── App.tsx # Main UI component
│ │ ├── main.tsx # UI entry point
│ │ └── styles.css # UI styles
│ └── types/
│ └── plugin.ts # Shared TypeScript types
└── dist/ # Build output
```