---
title: "Introducing CoDesign SDK: Design Tools for Your Agent"
description: "CoDesign SDK gives your product's AI agent the tools to resize, localize, rebrand and generate designs on your own servers, and every result stays an editable CE.SDK design."
url: "https://img.ly/blog/introducing-codesign-sdk/"
type: "blog"
date: "2026-10-23"
author: "Neslihan"
tags: ["AI"]
---

> This is the markdown version of [Introducing CoDesign SDK: Design Tools for Your Agent](https://img.ly/blog/introducing-codesign-sdk/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

We talked to product teams who build design into their software. Most of them have already built AI into their product. They don't want to replace it. They want what it makes to be _editable and reliable_.

Because this keeps happening:

The AI makes a banner.  
The logo is off.  
You ask it to fix the logo. Now the headline moved.  
So you generate again. And again.  
Or someone rebuilds it by hand.

That's what **CoDesign SDK** is for. It gives the agent real design tools. Everything it makes is an editable CE.SDK design. Your users can manually tweak one thing, and everything else stays where it was.

<figure class="kg-embed-card">
<iframe src="https://www.youtube.com/embed/qUZfVh9lia0?feature=oembed" title="An agent takes a brief and returns editable designs" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</figure>

## What's CoDesign SDK?

[CoDesign SDK](https://img.ly/products/codesign-sdk.md) gives your AI agent the tools to create and change designs layer by layer, instead of generating flat images. It's a JavaScript library for Node 22+, built on the CE.SDK engine that runs our editor in more than 600 products.

**It runs on your infrastructure**  
The library sits in your backend, and executors (Docker containers) render each design on your own servers.

**Every result is an editable CE.SDK scene**  
It opens in the editor you already ship, with nothing to convert. Keep the SDK, the executor and your CE.SDK editor on the same version, and upgrade them together.

## What your agent can do now

<video src="https://blog.img.ly/2026/10/codesign-sdk-capabilities.mp4" aria-label="CoDesign SDK capabilities: an agent generating, editing, rebranding, localizing, resizing, judging, importing and exporting designs" controls autoplay muted loop playsinline></video>

**Start a design.** Generate new designs from a brief and your own assets, or import PSD, IDML, PDF and PowerPoint files as editable designs.

**Change it.** Edit the existing file without regenerating it, so what's approved stays put. Rebrand it with new colors, fonts and logo. Localize it, with the layout adjusted so the translated text still fits. Resize it into one design per format, recomposed instead of stretched or cropped.

**Check and ship it.** Judge text fit, contrast and layout against the rules you give it, and get a list of what to fix. Then export PNG, JPEG, WebP, PDF or print-ready PDF/X-4 in CMYK.

## How it works: one job, start to finish

![How CoDesign SDK runs: on your platform, a user in your CE.SDK web editor asks to translate a design into 8 languages; your agent runner calls the CoDesign SDK tools with your model and your brand images and designs, and the work runs on executors in your own infrastructure](https://img.ly/_astro/codesign-sdk-how-it-works.sVpdS_tT.webp)

1. **A request comes in.** It can come from a user ("make this in every size") or from a pipeline event, like new prices or a new market. Your product sends the design and the request to your agent runner.
2. **Your agent does the work.** It calls the CoDesign SDK tools, and an executor on your servers applies each change and renders the result. The design guidelines ship with the tools, so you don't have to teach your agent design. We [evaluate](https://img.ly/blog/best-ai-model-for-design.md) the fastest and most affordable models for you.
3. **The results arrive.** Your product adds the new editable designs to the user's library and lets them know, as it would for any finished export. If the job asks for files, the PNGs or PDFs come too.

## Two ways to connect your agent

There are two ways to give an agent the CoDesign SDK tools.

**In your product.** Your agent runner calls the model and passes it the tools, for a design chat in your product or a backend job that turns a brief into finished files. Quickstarts cover the Vercel AI SDK, Claude Agent SDK, OpenAI Agents, Mastra, LangChain and Pi.

→ [CoDesign SDK Quickstart](https://img.ly/docs/cesdk/codesign/quickstart-cdsqst.md)

**Over MCP.** Host the tools as your own remote MCP server in Node. Your customers add it to their own AI assistant, such as Claude, ChatGPT or Cursor, and that assistant's model calls your tools. It's also the way in for agents that aren't written in JavaScript, Python included.

→ [Serve the Design Tools as an MCP Server](https://img.ly/docs/cesdk/codesign/guides/serve-tools-as-an-mcp-server-cdsmcp.md)

## Launch fast with starter kits

If you'd rather not wire it up from scratch, the [starter kits](https://img.ly/docs/cesdk/codesign/starter-kits-cdskit.md) include two complete apps, each with a web page and a server that you can deploy. Clone one, run it on your machine with Docker and Node, and replace its parts with yours until it is your product.

### Agentic Design Manager

<video src="https://img.ly/static/agentic-design-manager-codesign.mp4" aria-label="Agentic Design Manager: a user asks in the chat and the agent creates an on-brand design" controls autoplay muted loop playsinline></video>

A design platform with a chat assistant, for products with brands or tenants. It designs in each brand's own fonts, colors, logos and images, turns PDF, Photoshop, InDesign and PowerPoint files into designs, and serves the same tools as an MCP server for your customers' AI assistants.

→ [Agentic Design Manager Demo](https://img.ly/demos/agentic-design-manager.md)  
→ [Agentic Design Manager Starter Kit](https://img.ly/docs/cesdk/codesign/starter-kits/agentic-design-manager-cdsadm.md)

### Agentic Resize

<video src="https://img.ly/static/agentic-resize-codesign.mp4" aria-label="Agentic Resize re-composing one design for several canvas sizes" controls autoplay muted loop playsinline></video>

One design in, every canvas size out. The agent sets new margins, type sizes and spacing for each size, keeps the palette and every element without stretching anything, and returns a PNG and an editable design file per size.

→ [Agentic Resize Demo](https://img.ly/demos/agentic-resize.md)  
→ [Agentic Resize Starter Kit](https://img.ly/docs/cesdk/codesign/starter-kits/agentic-resize-cdsars.md)

## Get started

[Read the docs](https://img.ly/docs/cesdk/codesign/overview-cdsovw.md) to connect your first agent, or clone one of the starter kits above. If you want to talk it through, [contact our team](https://img.ly/forms/contact-sales.md).

We're excited to hear what you build with it.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.