FSM Designer

How to use FSM Designer

• Select: Click states/transitions to select them. Drag on canvas to pan. Scroll to zoom.
• Add State: Select the tool, then click anywhere on the canvas to place a new state node.
• Add Transition: Select the tool, then drag from one state to another.
• Edit Properties: Use the right sidebar to define module name, inputs, outputs, and state encoding.
• Simulate: Open the "Simulate" tab to set input values and clock the FSM to see state changes.