excalimate

概述

Excalimate 是一个全面的动画工具，通过关键帧动画功能扩展了 Excalidraw。它提供完整的编辑器用于创建图表和动画，并配备 MCP 服务器，提供 23 个 AI 驱动的场景创建和动画工具。该平台支持多种导出格式，包括 MP4、WebM、GIF 和动画 SVG。其独特优势在于实时预览模式，允许 AI 代理创建和修改图表并获得即时视觉反馈。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• create_scene

  Create a new Excalidraw scene with specified elements

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

  Add an element to the current scene

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

  Modify properties of an existing element

  试试:Change the color of the rectangle to blue试试:Make the text element bold and larger
• create_animation

  Create an animation for specified elements

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

  Add a keyframe to an element's animation timeline

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

  Export the current animation in specified format

  试试:Export as MP4 with high quality试试:Save as animated GIF with 10 fps
• share_project

  Share the current project with encrypted link

  试试:Create a shareable link for this animation试试:Share the project with editing permissions
• load_template

  Load a predefined template or skill

  试试:Load an architecture diagram template试试:Use the flowchart skill for this diagram
• save_checkpoint

  Save a checkpoint of the current scene state

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

  Group multiple elements together

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

  Apply an AI skill to enhance the scene

  试试:Apply the animation patterns skill to this scene试试:Use the diagram theming skill to improve visuals
• set_camera_animation

  Create camera movement animations

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

可对比工具

安装

npx @excalimate/mcp-server

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

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

FAQ

支持哪些导出格式？

Excalimate 支持将动画导出为 MP4 (H.264)、WebM (VP9)、GIF 和动画 SVG 格式。

实时预览模式如何工作？

实时预览模式使用服务器发送事件 (SSE) 通过 HTTP 传输与 MCP 服务器配合，在网页编辑器中实时显示 AI 的更改。

excalimate 对比