Batch Design

Use Gigma MCP to generate multiple design variations efficiently.

Workflow

  1. Create a template with placeholders
  2. Loop through data and update elements
  3. Export each variation

Example: Quote Cards

Generate 5 quote cards with different colors and text.

Step 1: Create Base Template

set_canvas: { "width": 1080, "height": 1080, "backgroundColor": "#FFFFFF" }

add_element: {
  "type": "rect", "x": 0, "y": 0,
  "width": 1080, "height": 1080,
  "fillColor": "#3B82F6", "cornerRadius": 0,
  "name": "Background"
}

add_element: {
  "type": "text", "x": 80, "y": 350,
  "width": 920, "height": 200,
  "text": "Quote goes here",
  "fontSize": 48, "fontWeight": "bold",
  "fillColor": "#FFFFFF", "textAlignment": "center",
  "name": "Quote Text"
}

add_element: {
  "type": "text", "x": 80, "y": 600,
  "width": 920, "height": 40,
  "text": "— Author Name",
  "fontSize": 24, "fontWeight": "medium",
  "fillColor": "#BFDBFE", "textAlignment": "center",
  "name": "Author"
}

Step 2: For Each Quote, Update & Export

// Quote 1
update_element: { "id": "<bg-id>", "fillColor": "#3B82F6" }
update_element: { "id": "<quote-id>", "text": "The only way to do great work is to love what you do." }
update_element: { "id": "<author-id>", "text": "— Steve Jobs" }
export_canvas: { "format": "png", "scale": 2 }

// Quote 2
update_element: { "id": "<bg-id>", "fillColor": "#8B5CF6" }
update_element: { "id": "<quote-id>", "text": "Innovation distinguishes between a leader and a follower." }
update_element: { "id": "<author-id>", "text": "— Steve Jobs" }
export_canvas: { "format": "png", "scale": 2 }

// Quote 3
update_element: { "id": "<bg-id>", "fillColor": "#EC4899" }
update_element: { "id": "<quote-id>", "text": "Stay hungry, stay foolish." }
update_element: { "id": "<author-id>", "text": "— Steve Jobs" }
export_canvas: { "format": "png", "scale": 2 }

Step 3: Collect URLs

Each export_canvas call returns a signed GCS URL. Collect all URLs and you have a batch of variations.

Prompt Example

You can ask Claude to do this in one go:

"Create 5 motivational quote cards. Each should be 1080x1080 with a different gradient color. Use these quotes: [list]. Export each one as PNG and give me all the download links."

Claude will:

  1. Create the template
  2. Loop through each quote
  3. Update the text and background color
  4. Call export_canvas for each
  5. Return all signed URLs

Tips