excalimate

Overview

Excalimate is a comprehensive animation tool that extends Excalidraw with keyframe animation capabilities. It provides a full-featured editor for creating diagrams and animations, with a dedicated MCP server that exposes 23 tools for AI-driven scene creation and animation. The platform supports various export formats including MP4, WebM, GIF, and animated SVG. Its unique strength is the live preview mode, allowing AI agents to create and modify diagrams in real-time with immediate visual feedback.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• create_scene

  Create a new Excalidraw scene with specified elements

  Try:Create a simple scene with a rectangle and a circleTry:Draw a network diagram with 3 connected nodes
• add_element

  Add an element to the current scene

  Try:Add a text element saying 'Hello World'Try:Insert an arrow pointing from left to right
• set_element_property

  Modify properties of an existing element

  Try:Change the color of the rectangle to blueTry:Make the text element bold and larger
• create_animation

  Create an animation for specified elements

  Try:Animate the rectangle to move from left to right over 2 secondsTry:Fade in the text element over 1 second
• set_keyframe

  Add a keyframe to an element's animation timeline

  Try:Set a keyframe at 2 seconds with the element scaled to 1.5Try:Add a rotation keyframe at the 3-second mark
• export_animation

  Export the current animation in specified format

  Try:Export as MP4 with high qualityTry:Save as animated GIF with 10 fps
• share_project

  Share the current project with encrypted link

  Try:Create a shareable link for this animationTry:Share the project with editing permissions
• load_template

  Load a predefined template or skill

  Try:Load an architecture diagram templateTry:Use the flowchart skill for this diagram
• save_checkpoint

  Save a checkpoint of the current scene state

  Try:Save current state as checkpoint before major changesTry:Create a backup of this scene
• group_elements

  Group multiple elements together

  Try:Group these shapes together as one elementTry:Create a group with all text elements
• apply_skill

  Apply an AI skill to enhance the scene

  Try:Apply the animation patterns skill to this sceneTry:Use the diagram theming skill to improve visuals
• set_camera_animation

  Create camera movement animations

  Try:Add a pan from left to right over 3 secondsTry:Create a zoom-out effect over the entire scene

Comparable tools

Installation

npx @excalimate/mcp-server

{
  "mcpServers": {
    "excalimate": {
      "command": "npx",
      "args": ["@excalimate/mcp-server", "--stdio"]
    }
  }
}

{
  "servers": {
    "excalimate": {
      "type": "http",
      "url": "http://localhost:3001/mcp"
    }
  }
}

FAQ

What export formats are supported?

Excalimate supports exporting animations as MP4 (H.264), WebM (VP9), GIF, and animated SVG formats.

How does the live preview mode work?

The live preview mode uses Server-Sent Events (SSE) to show AI changes in real-time in the web editor when using HTTP transport with the MCP server.

Compare excalimate with