Figma Event Modeling Plugin

This is a Figma plugin that allows you to create event modeling diagrams directly in Figma. It is based on the Event Modeling methodology.

What is Event Modeling?

Event Modeling is a method of describing systems using an example of how information has changed within them over time. Specifically this omits transient details and looks at what is durably stored and what the user sees at any particular point in time. These are the events on the timeline that form the description of the system.

Roadmap

• Create an Event
• Create bulk Events
• Create Commands for all Events which does not have a Command
• Create a View
• Edit all Events with the same name
• Edit all Commands with the same name
• Edit all Views with the same name
• Display connected stickies in the Detail View
• Verify Event Model

Contributing

• Run yarn to install dependencies.
• Run yarn build:watch to start webpack in watch mode.
• Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.json file from this repo.

Folder Structure

To keep the codebase clean, we have the following folder structure:

• To add new handlers for features use controller.ts
• To add new components for features use components folder.
• In methods you can find some helper methods and default values.
• Read more on the Figma API Overview.

Toolings

This repo is using:

• React + Webpack
• TypeScript
• Prettier precommit hook