Skip to content
jsontoimg
Start free

J2I Studio EditorDesign like Canva. Ship like code.

J2I Studio is the visual canvas. Place text, images, shapes, charts, and frames across multiple pages, name the layers that change, and pin production to an approved snapshot.

Start for freeStudio docs

25 free API images. No card required.

J2Iproduct-drop-cardv3 · pinned

Named Layers

  • T headlinekey
  • T price_tagkey
  • hero_photokey
  • verify_qrkey
  • brand_framelocked
Autumn Release · 1200 × 630$48
headline · auto-fit

Small-batch ceramic pour-over, back in stock.

northwind.store/pour-over
Layer properties · headline
X64 px
Y148 px
TypographyNewsreader · 56 px
Auto text fitMin font size 8 px
On
// GET /templates/id/schema
"headline": {
"type": "text",
"auto_fit": true
}

How it works.

  1. 01

    Lay out your brand kit

    Store reusable colors, fonts, logos, and elements inside your workspace.

  2. 02

    Name overridable layers

    Give dynamic layers unique keys like headline or price. Unnamed layers stay locked.

  3. 03

    Pin version in code

    Pass version on render requests so live URLs never shift while a designer edits the draft.

Capabilities

Built for production payloads.

  • Names are the API contract

    Duplicate names fail validation with 422 DUPLICATE_LAYER_NAMES. The Studio API tab and GET /schema expose the exact contract.

  • Immutable version pins

    Publish snapshots as your design evolves and roll traffic forward only when ready.

  • Team workspaces

    Owner, admin, and member roles for up to 10 seats including pending invites, with starter templates built into the app.

No-code & CMS automation

Render an image or a PDF for every spreadsheet row, WordPress post, or webhook event.

Connect over HTTP & signed webhooks

  • Zapier (HTTP)
  • Make (HTTP)
  • Webhooks
  • Shopify
  • GitHub Actions
  • REST
  • CLI
See all integrations

AI agents, over MCP

Point your assistant at /mcp. Eleven tools around templates, schemas, and renders.

https://app.jsontoimg.com/mcp

$ claude mcp add --transport http jsontoimg https://app.jsontoimg.com/mcp

> Render an Open Graph card for our v1.4 release post

✓ list_templates · 8 templates

✓ get_template_schema · headline, author, version_tag

✓ create_render · release-v1-4.png

  • Cursor
  • Claude Code
  • Claude Desktop
  • VS Code
  • Windsurf
Set up the MCP server

One template, every surface.

Your first 25 images are on us.

Design a template, grab an API key, and render your first PNG or PDF in minutes. No card required.

Start for freeRead the docs