← Back to home

Guides

Everything you need to go from zero to animated diagrams with Excalimate and AI.

1

MCP Server Setup

Connect your AI coding assistant to Excalimate. Step-by-step configuration for VS Code, Cursor, Claude Desktop, Claude Code, and Windsurf.
2

Creating Designs with AI

Use the MCP server to create diagrams, flowcharts, and designs through natural language prompts. Learn element types, styling, and iterative refinement.
3

Animating Your Designs

Add keyframe animations to your diagrams — opacity, position, scale, rotation, and draw progress. Master easing, sequences, and camera transitions.
4

Animated Designs in One Shot

Build complete animated diagrams with a single AI prompt using the create_animated_scene tool. Elements, keyframes, camera, and export — all at once.
5

Accessibility in Animations

Best practices for prefers-reduced-motion, timing, contrast, and making animated content inclusive for all users.
6

Accessibility in Design

Color contrast, alt text, screen reader support, and inclusive visual communication in diagrams.
7

Excalidraw Libraries

Discover premade shapes, icons, and diagram components. Learn how to use and create Excalidraw libraries.
8

How to Use Groups

Group elements for easier animation and organization. Animate grouped elements as a single unit.
9

What is Keyframe Animation?

Learn what keyframe animation is, how it works, and how to create keyframe animations for diagrams and designs.
10

What is Excalidraw?

Discover the free open-source virtual whiteboard and how Excalimate extends it with animation capabilities.
11

What are Lottie Files?

Learn about Lottie and dotLottie — the lightweight animation formats for web and mobile.
12

Excalidraw to Lottie Workflow

Go from Excalidraw diagrams to production-ready dotLottie or Lottie JSON assets with a repeatable workflow.
13

How to Export Animations

Complete guide to exporting as MP4, WebM, GIF, animated SVG, dotLottie, Lottie JSON, PNG, and WebP.
14

Why Animate Diagrams?

Benefits of animated diagrams for presentations, documentation, education, and engagement.
15

Enhance Presentations

Use Excalimate animations in PowerPoint, Google Slides, and Keynote for more engaging presentations.