Back to Plugins
State Machines

State Machines

Design complex interactions with state machines

Plugin Preview

State Machines preview

About this plugin

Create state machines and integrate them directly into your designs.


What is a state machine?


Think of a state machine as a way to organize all the different "states" your design can be in. For example, a form might have states like "empty," "filled," "submitting," or "error." State machines help you clearly define these states and the rules for moving between them, making complex interactions more manageable.


---


This plugin is experimental. Contributions and feature requests welcome: github.com/colebemis/figma-state-machines

Plugin Details

Version1
CreatedMarch 15, 2025
Last UpdatedMarch 16, 2025
CategoryPrototyping & animation plugins
CreatorCole Bemis
Stats3 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Internet access for local development.

  • Editor Types:
    figma
  • Allowed Domains:
    • *