Social Media Graphics

Examples of creating common social media graphics.

Instagram Post (1080x1080)

Setup

Tool: set_canvas
Args: { "width": 1080, "height": 1080, "backgroundColor": "#000000" }

Gradient Background

Tool: add_element
Args: {
  "type": "rect",
  "x": 0, "y": 0,
  "width": 1080, "height": 1080,
  "fillColor": "#1a1a2e",
  "name": "Background"
}

Accent Shape

Tool: add_element
Args: {
  "type": "circle",
  "x": -100, "y": -100,
  "width": 600, "height": 600,
  "fillColor": "#6366F1",
  "opacity": 0.3,
  "name": "Accent Circle"
}

Main Text

Tool: add_element
Args: {
  "type": "text",
  "x": 80, "y": 400,
  "width": 920, "height": 100,
  "text": "5 Tips for Better Design",
  "fontSize": 64,
  "fontWeight": "bold",
  "fillColor": "#FFFFFF",
  "textAlignment": "left",
  "name": "Title"
}

Username

Tool: add_element
Args: {
  "type": "text",
  "x": 80, "y": 950,
  "width": 400, "height": 30,
  "text": "@yourhandle",
  "fontSize": 20,
  "fontWeight": "medium",
  "fillColor": "#9CA3AF",
  "textAlignment": "left",
  "name": "Handle"
}

YouTube Thumbnail (1280x720)

Setup

Tool: set_canvas
Args: { "width": 1280, "height": 720, "backgroundColor": "#FF0000" }

Background

Tool: add_element
Args: {
  "type": "rect",
  "x": 0, "y": 0,
  "width": 1280, "height": 720,
  "fillColor": "#0F172A",
  "name": "Background"
}

Eye-catching Title

Tool: add_element
Args: {
  "type": "text",
  "x": 40, "y": 200,
  "width": 700, "height": 150,
  "text": "THIS CHANGES EVERYTHING",
  "fontSize": 72,
  "fontWeight": "bold",
  "fillColor": "#FBBF24",
  "textAlignment": "left",
  "name": "Title"
}

Subtitle

Tool: add_element
Args: {
  "type": "text",
  "x": 40, "y": 400,
  "width": 700, "height": 50,
  "text": "You won't believe what AI can do now",
  "fontSize": 28,
  "fontWeight": "regular",
  "fillColor": "#E2E8F0",
  "textAlignment": "left",
  "name": "Subtitle"
}

Photo with Circle Mask

Tool: add_image
Args: {
  "url": "https://example.com/headshot.jpg",
  "x": 850, "y": 160,
  "width": 380, "height": 380,
  "maskShape": "circle",
  "strokeColor": "#FBBF24",
  "strokeWidth": 6,
  "name": "Headshot"
}

Tips for Social Media Design

  1. Use bold, large text — Social feeds are scrolled quickly
  2. High contrast — Dark backgrounds with bright text stand out
  3. Limit to 2-3 colors — Keep it clean
  4. Leave breathing room — Don't fill every pixel
  5. Export at 2x scale — Ensures crisp display on high-DPI screens
  6. Use get_screenshot — Always verify before exporting