Quick Start

Get your AI agent designing in under 2 minutes.

Step 1: Sign In

Go to gigma.10xboost.org and sign in with Google.

Step 2: Get Your MCP Config

Click the "MCP Link" button in the editor toolbar. You'll see a JSON config like this:

{
  "mcpServers": {
    "gigma": {
      "type": "http",
      "url": "https://gigma-mcp-server-854058119143.us-central1.run.app/mcp/t/YOUR_TOKEN_HERE/"
    }
  }
}

Step 3: Add to Claude

Paste the config into your Claude MCP settings (Claude Desktop, Claude Code, or any MCP-compatible client).

Step 4: Start Designing

Ask Claude to create a design:

"Create a social media post with a blue gradient background, white title text saying 'Hello World', and a subtitle underneath."

Claude will call the MCP tools to build the design on your canvas. You'll see the elements appear in the browser editor within 2 seconds.

Step 5: Export

Ask Claude to export:

"Export the canvas as PNG"

Claude calls export_canvas and returns a signed URL you can download or share.

What Happens Behind the Scenes

You: "Make a blue card with white text"
     │
     ▼
Claude: calls add_element(type="rect", fillColor="#3B82F6", ...)
Claude: calls add_element(type="text", text="Hello World", fillColor="#FFFFFF", ...)
Claude: calls get_screenshot() → sees the result
Claude: calls export_canvas() → returns download URL
     │
     ▼
Browser: auto-syncs every 2s, shows new elements on canvas