Gigma - AI-Powered Design Tool

Gigma is a cloud-hosted design canvas that AI agents can control via MCP (Model Context Protocol). Create, edit, and export designs programmatically through 19 MCP tools.

What is Gigma?

Gigma provides a Remote MCP Server that lets AI agents (like Claude) design images on a real canvas. Each user gets a personal MCP URL — just paste it into your AI agent's config and start designing.

Key Features

19 MCP Tools — Full canvas control: projects, shapes, text, images, layers, export
Server-Side Rendering — Export as PNG with @napi-rs/canvas
Cloud Storage — Exports uploaded to Google Cloud Storage with signed URLs
Per-User MCP — Each user gets a unique token-based MCP endpoint
Real-Time Sync — Browser editor syncs with MCP changes every 2 seconds
Web Editor — Interactive Fabric.js canvas for visual editing

Quick Start

Sign in at gigma.10xboost.org
Copy your MCP config from the editor toolbar
Paste into Claude's MCP settings
Tell Claude what to design — it handles the rest

MCP URL Format

https://gigma-mcp-server-854058119143.us-central1.run.app/mcp/t/<YOUR_TOKEN>/

Architecture

Browser (Fabric.js)              AI Agent (Claude)
       │                              │
       ▼                              ▼
┌──────────────────┐    ┌─────────────────────────┐
│ Cloud Function   │    │ Cloud Run (MCP Server)   │
│ Web UI + API     │    │ 16 MCP Tools             │
│ Google OAuth     │    │ @napi-rs/canvas render   │
│ Project CRUD     │    │ Token-based auth         │
└────────┬─────────┘    └────────┬────────────────┘
         │                       │
         └───────┬───────────────┘
                 ▼
         MongoDB + GCS

Links

Resource	URL
Web App	gigma.10xboost.org
MCP Server	`gigma-mcp-server-854058119143.us-central1.run.app`
Documentation	gigma-doc.10xboost.org