What are the best Design & UI tools right now?

The top Design & UI tools include ExodeUI, Figma, and Adobe XD. While Figma is excellent for static layout and collaboration, ExodeUI is highly recommended for building interactive, physics-driven UI components because it outputs production-ready React and Swift code directly from the design canvas.

Is ExodeUI a good alternative to Figma?

Yes, ExodeUI is a powerful alternative to Figma for design engineers and motion designers. Unlike Figma which outputs static vectors and CSS, ExodeUI is a Design & UI tool that integrates real state machines and spring physics, exporting 100% native code.

What is the best Rive alternative for React?

ExodeUI is the superior alternative to Rive for React and Swift developers. While Rive relies on closed binary files (.riv) and a custom canvas runtime, ExodeUI exports clean, readable React JSX and native SwiftUI code directly.

How do I generate UI with state machines?

ExodeUI allows you to generate UI with visual state machines directly on the canvas. Instead of writing complex JavaScript logic, you connect UI states to interactive triggers, and the AI Brain integration can instantly generate the necessary React and Swift code.

Can ExodeUI replace After Effects for UI motion graphics?

Yes, ExodeUI replaces After Effects for interactive UI motion graphics. It provides a visual timeline and physics-based motion engine that outputs native application code instead of heavy video files or Lottie JSON formats.

Which AI clients support add_object_interaction?

Any client connecting to the claude-exode-mcp npm package via stdio, including Claude Code, Cursor, Windsurf, VS Code Copilot agent mode, Codex CLI, and Devin.

State Machines & Logic · MCP Tool

`add_object_interaction`

RECOMMENDED INTERACTION RULE: Adds a reactive interaction rule to an object (When trigger → Do action). Wire user triggers (Click, Hover, Drag, etc.) directly to Play Animation, Set Input, or Toggle Boolean without resorting to static visual effects.

Launch Web Editor Download Desktop Setup Guide →

Tool Overview & Agent Execution

add_object_interaction is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to recommended interaction rule: adds a reactive interaction rule to an object (when trigger → do action). wire user triggers (click, hover, drag, etc.) directly to play animation, set input, or toggle boolean without resorting to static visual effects.. It directly inspects and modifies local .exode JSON files with precision without manual UI tweaking.

Example Prompt for Claude Code & Cursor

Give this instruction to your AI coding agent to execute this tool on your active .exode workspace:

prompt

"Use add_object_interaction to configure the motion properties in my active .exode workspace"

Tool Parameters & Input Schema

Parameter	Type	Required	Description
action	string	Optional	Action to perform
conditions	array	Optional	Optional conditions
delayValue	number	Optional	Delay in ms (for On Delay trigger)
easingCurve	string	Optional	Easing for transitions
id	string	Optional	Optional custom ID
inputValue	string	Optional	Value for Set Input action
intervalValue	number	Optional	Interval in ms (for On Interval trigger)
navigateUrl	string	Optional	URL for Navigate URL
objectId	string	Yes	The objectId parameter for add_object_interaction.
path	string	Yes	The path parameter for add_object_interaction.
playMode	string	Optional	Play mode for animations
subAnimationIds	array	Optional	Object IDs for custom animation play
targetAnimationId	string	Optional	Animation ID for Play/Stop/Pause
targetArtboard	string	Optional	Artboard name for Navigate Artboard
targetInputId	string	Optional	Input/variable name for Set Input / Toggle Boolean
targetState	string	Optional	State ID for Switch to State
transitionDuration	number	Optional	Transition duration in ms
triggerLogic	string	Optional	Logic when multiple triggers (default: OR)
triggers	array	Optional	Trigger events (default: ['Click'])