Figma FSM UI

Turn your Figma Prototypes into Finite State Machine objects

You can create an Access Token as explained here: Figma API Docs & your file-key is on the figma url like: https://www.figma.com/file/<file-key>/<file-name>

About Figma-FSM

Finite State Machines can represent our UX intention. And since Figma gives us access to so much information on our prototypes, it made sense to build a tool that would allow us to visualize our prototypes in FSM terms. This project was inspired by XState, a wonderful JS library that can help us represent FSM in our code.