CoDesign MCP란?
CoDesign은(는) MCP server입니다. AI agent이 포스터, 소셜 미디어 게시물, 비디오, 인쇄용 레이아웃을 포함한 전문적인 레이어 기반 디자인을 생성, 편집 및 내보낼 수 있도록 지원합니다.
프로젝트 README에서 생성된 요약
CoDesign MCP server 정보
CoDesign는 AI agent이 레이어 구조를 가진 크리에이티브 에셋을 생성하고 조작할 수 있는 전문 디자인 엔진을 제공합니다. 사용자는 일상적인 언어로 프롬프트를 입력하여 포스터, 소셜 미디어 게시물, 비디오 및 인쇄용 레이아웃을 제작할 수 있습니다. 단순한 웹 캔버스 도구와 달리, 이 MCP server는 IMG.LY CreativeEngine을 사용하여 실제 레이어 무결성을 유지하므로 모든 헤드라인, 이미지, 도형이 독립적이고 편집 가능한 요소로 유지됩니다.
이 MCP server는 로컬 컴퓨터에서 실행되며 Claude Code, Codex, Copilot CLI, Antigravity, Cursor와 같은 클라이언트에 통합할 수 있습니다. InDesign, Photoshop, PowerPoint와 같은 복잡한 파일을 레이어를 유지한 채로 가져오는 기능을 지원합니다. 완성된 작업물은 CMYK 색상이 적용된 인쇄용 PDF/X, MP4 비디오, PSD 파일 등 다양한 형식으로 내보낼 수 있습니다. 계정 없이 로컬에서 실행되지만, 이미지를 편집 가능하게 만들거나 음악 및 음성을 생성하는 등의 특정 기능은 무료 IMG.LY 로그인이 필요합니다.
활용 사례
- 1다양한 형식의 소셜 미디어 캠페인AI agent이 하나의 Instagram 게시물을 가져와 LinkedIn, X, Stories 크기에 맞춰 자동으로 크기를 조정할 수 있습니다.
- 2브랜드 현지화 및 레이아웃 재배치개발자가 포스터 번역을 요청하면 새로운 텍스트에 맞춰 레이아웃이 자동으로 조정됩니다.
- 3대량 에셋 자동 생성CSV 파일의 데이터를 기반으로 여러 개의 고유한 연사 카드를 생성하도록 agent에게 지시할 수 있습니다.
- 4전문 인쇄 준비agent이 디지털 전단지를 인쇄를 위한 특정 도련 및 색상 요구 사항이 적용된 고품질 PDF로 변환할 수 있습니다.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
CoDesign MCP 설치 방법
형식 확인: 2026년 11월 10일Claude Code에 CoDesign MCP 설치
$ claude mcp add codesign -- npx -y @imgly/codesign-mcpCursor에 CoDesign MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp"
]
}
}
}VS Code에 CoDesign MCP 설치
.vscode/mcp.json
{
"servers": {
"codesign": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp"
]
}
}
}Claude Desktop에 CoDesign MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp"
]
}
}
}Codex에 CoDesign MCP 설치
~/.codex/config.toml
[mcp_servers.codesign] command = "npx" args = ["-y", "@imgly/codesign-mcp"]
Gemini CLI에 CoDesign MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp"
]
}
}
}자동 검사
2026년 11월 12일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능통과
- 오픈 소스 라이선스 (OSI)통과
- 최근 1년 내 커밋 또는 릴리스통과
- 패키지 이름이 인기 패키지와 유사하지 않음통과
- 원격 엔드포인트가 HTTPS 사용검사되지 않음
- 파괴적인 도구에 라벨 표시됨검사되지 않음
- 모델에 대한 숨겨진 지침 없음통과
- 패키지와 의존성에 심각한 보안 권고 없음통과
README
GitHub에서 보기CoDesign
The design layer for the agent era.
Create posters, social posts, videos and print layouts from a prompt, then change any part of them yourself. CoDesign gives you a professional design engine. Every headline, image, shape and clip stays its own layer, so you can swap a font or move a logo without starting over.
Start from scratch or from files you already have. InDesign, Photoshop, PowerPoint and PDF files open with their layers intact. Then resize one design for every social format, translate it with the layout reflowing to fit (Arabic and other right-to-left scripts included), apply your brand colors and fonts, or check it against your guidelines.
Every design opens in a built-in editor when you want to fix something by hand. Export print-ready PDFs with CMYK color and bleed, Photoshop and InDesign files your team can keep working on, or video for social.
Built by IMG.LY on the IMG.LY design engine. Runs on your computer. No account needed to start.
CoDesign ships as an MCP server (plus a plugin for Claude Code, Codex, Copilot
CLI, Antigravity and Cursor) that hands your agent IMG.LY's CE.SDK CreativeEngine — the
same production engine behind IMG.LY's commercial SDKs. The plugin runs the launcher it carries (what it runs); every direct recipe below spawns the published npm package
@imgly/codesign-mcp over stdio; no separate install step — npx fetches it on first
use.
Use cases
- A social team turns one campaign into every format, from Instagram posts to short videos.
- An agency opens an old InDesign file, rebrands it, and exports it back as .idml.
- A global brand translates print ads and video ads without breaking the layout.
- A designer generates a first draft, then moves and restyles layers by hand in the visual editor.
- A brand manager checks assets against guidelines before they go out.
Formats
- Import: InDesign (.idml), Photoshop (.psd), PowerPoint (.pptx), PDF, images (PNG, JPEG, GIF, WebP, SVG) and CoDesign (.imgly) files.
- Export: PDF and print-ready PDF/X, PNG, JPEG, WebP, SVG, HTML, InDesign (.idml), Photoshop (.psd), MP4 video, WAV and M4A audio, and CoDesign (.imgly). Video and audio export need the native engine; Windows runs the WASM engine, which has no video.
What you can make
Ask your agent, in plain language:
- Resize for every channel — "Take this Instagram post and make the Story, LinkedIn and X versions."
- Make an image editable (needs the free IMG.LY sign-in) — "Split this flat product photo into layers, put the product on our brand background and make it editable."
- Restyle an existing PDF — "Import this datasheet.pdf as an editable design, restyle it with our brand kit, and export A4 and web versions."
- Generate many from a CSV — "One speaker card per row in speakers.csv, same template, all editable."
- Prepare for print — "Turn this flyer into an A4 print PDF with 3 mm bleed and CMYK."
- Update an existing design — "Open last year's flyer.psd, swap the date and venue, export again."
- Localize a design — "Translate this poster into German and re-fit the layout so nothing overflows."
- Make a short video (generated music and voiceover need the free IMG.LY sign-in) — "Turn this poster into a 15-second vertical reel: animate the headline in, cut between the three product shots, and put a music bed and a voiceover under it."
- Create a launch graphic — "Make the v2.0 launch graphic with our logo and brand colors, in X, LinkedIn and OG-image sizes."
- Create App Store graphics — "Make the App Store screenshots and the Play Store feature graphic from these five screen captures, on-brand, all sizes."
How it works
Three layers, one product:
- The plugin — installs the MCP server and connects it to your agent. This is the piece you install.
- The MCP server (
@imgly/codesign-mcp) — exposes the design tools (edit,preview,export,list,history, …) over MCP, driven by tool calls from any agent host, and serves the skills and design rules your agent draws on to design well (brand, localize, resize, and quality-check its own output), always matching the server's version. - The CE.SDK CreativeEngine — IMG.LY's real, headless design engine that does the actual layout, rendering, and export.
Licensing
This repository — the plugin, marketplace manifests and documentation — is
released under the MIT License.
The CoDesign engine itself, distributed as the npm package @imgly/codesign-mcp, is
proprietary software from IMG.LY and free to use locally. The full terms ship
inside the package as LICENSE.md. The launcher in plugins/codesign/runtime/ is not under the MIT License either: its NOTICE names its licences.
Why a real engine matters
Every other design agent draws on a web canvas — a quick fix that breaks on the hard problems. CoDesign commands a production engine matured over years across print, video, and social:
- True print & color fidelity — CMYK, bleed, and ICC profiles, not just RGB screen output.
- Deterministic output — renders identically everywhere, independent of browser or config.
- Native performance — a purpose-built engine that stays fast at scale and under heavy assets.
- Full compatibility — imports InDesign, PSD, PowerPoint (PPTX) and PDF; exports print-ready PDF, image, video, InDesign, PSD and HTML.
What the plugin runs
- A local MCP server. Claude Code starts
runtime/codesign mcp; Codex, Copilot CLI, Antigravity and Cursor (untested) startnode runtime/codesign-shim.mjs mcpin the plugin folder. Both run over stdio. IMG.LY's CE.SDK engine imports, renders and exports on your machine, from your files, and designs are saved in a local workspace. - A launcher, and the runtime it installs. The plugin carries only the
launcher:
runtime/codesign(codesign.cmdon Windows), readable JavaScript modules inruntime/codesign-shim/that run on your Node.js, andruntime/snapshot.json, the tool list it answers with until the runtime is installed. The runtime (CoDesign with its own Node.js, a CE.SDK engine and its assets) is downloaded into~/.codesignfrom IMG.LY's release server,https://get.codesign.co/runtime/<channel>/, and checks there for an update every 6 hours. Every download is listed in a release manifest signed with IMG.LY's Ed25519 key, which the launcher carries, and must match the SHA-256 and size the manifest gives; a manifest older than the last one accepted is refused. - No hooks. The plugin runs nothing at session start. When the runtime
is missing, the server answers from
runtime/snapshot.jsonand installs it in the background on its first start. - What your agent reads from it. The MCP instructions, tool descriptions,
skills and prompts ship inside the signed runtime release (until it is
installed, in the plugin's
runtime/snapshot.json); nothing fetches them from anywhere else. - Where it connects:
get.codesign.co: runtime downloads and update checks.cdn.img.ly: templates, fonts, other default assets and the browser editor.img.lyandclerk.img.ly: the IMG.LY sign-in, only when you sign in with thelogintool.gateway.img.ly: only for AI generation.api.img.ly: usage data, and Sentry (sentry.io): error reports. In Claude Code, turn them off in the plugin's settings (Send usage data to IMG.LY, Send error reports to IMG.LY); on any host, setDO_NOT_TRACK=1orIMGLY_TELEMETRY=off.- Addresses a design, you or your agent name, such as an image or font URL: fetched and copied into your workspace.
- IMG.LY's CE.SDK engine, which renders and exports, itself checks its
licence with IMG.LY (
api.img.ly) and reports its own usage there when it starts; neither the plugin's two settings norDO_NOT_TRACKturn that off.
Requirements & known limitations
Read this first — the failure modes below are silent.
- Node.js is required and is not provided. The plugin needs Node.js ≥ 18
on
PATH: Claude Code until the runtime is installed, Codex, Copilot CLI, Antigravity and Cursor (untested) on every start. On an older Node the server says what to install. With no Node at all the host cannot start it and reports the server as failed with no useful reason — typicallyspawn node ENOENT,local: 0orMCP error -32000. The direct recipes need Node.js ≥ 22.15. Install Node first: https://nodejs.org, or see https://codesign.co/install. - The plugin updates itself. It installs the runtime of its channel and checks for an update every 6 hours; no plugin update is needed to move forward.
- Pin
@0.6.0— every direct recipe names that exact version. Each release republishes this repo with a new pin — update your recipe to move forward. - Windows: the direct recipes need WSL. Hosts that spawn
npxdirectly hitspawn npx ENOENT(anthropics/claude-code#58510). The plugin runs nonpxand needs no Git. Claude Code, Codex and Copilot CLI start it natively on Windows; Antigravity and Cursor on Windows are untested. Without Node, Claude Code can use the plugin if you first runirm https://get.codesign.co/runtime/stable/install.ps1 | iex.
Install
Claude Code
Install the plugin from the marketplace:
claude plugin marketplace add imgly/codesign
claude plugin install codesign@imgly-codesign
Or add the MCP server directly, without the plugin:
claude mcp add --scope user codesign -- npx -y @imgly/codesign-mcp@0.6.0 stdio
Codex
Install the plugin from the marketplace:
codex plugin marketplace add imgly/codesign
codex plugin add codesign@imgly-codesign
Or add the MCP server directly, without the plugin:
codex mcp add codesign -- npx -y @imgly/codesign-mcp@0.6.0 stdio
Antigravity CLI
Clone the repo and install the plugin folder:
git clone https://github.com/imgly/codesign
agy plugin install ./codesign/plugins/codesign
Or add the MCP server directly, without the plugin:
agy mcp add codesign -- npx -y @imgly/codesign-mcp@0.6.0 stdio
GitHub Copilot CLI
Install the plugin from the marketplace:
copilot plugin marketplace add imgly/codesign
copilot plugin install codesign@imgly-codesign
Or add the MCP server directly, without the plugin:
copilot mcp add codesign -- npx -y @imgly/codesign-mcp@0.6.0 stdio
Cursor
In Cursor, open Customize, choose From GitHub Repository, enter https://github.com/imgly/codesign, then Install the CoDesign plugin (untested). On a Teams or Enterprise plan, an admin can instead add the same URL as a team marketplace with Import from Repo, and teammates install CoDesign from Customize.
Or copy the plugin folder into Cursor’s local plugins, then run Developer: Reload Window (untested; on Enterprise, an admin must allow local plugin imports):
d=$(mktemp -d) &&
git clone --depth 1 https://github.com/imgly/codesign "$d/codesign" &&
mkdir -p ~/.cursor/plugins/local &&
rm -rf ~/.cursor/plugins/local/codesign &&
cp -R "$d/codesign/plugins/codesign" ~/.cursor/plugins/local/ &&
rm -rf "$d"
Or add the MCP server directly, without the plugin, in .cursor/mcp.json:
{
"mcpServers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp@0.6.0",
"stdio"
]
}
}
}
Other MCP hosts
Every other host spawns the same stdio server — only the config file and the top-level key differ. Add this block to the host’s MCP config:
{
"mcpServers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp@0.6.0",
"stdio"
]
}
}
}
| Host | Config file | Note |
|---|---|---|
| Windsurf | ~/.codeium/windsurf/mcp_config.json |
as-is |
| VS Code | .vscode/mcp.json |
use the key servers instead of mcpServers |
| Zed | settings.json |
use the context_servers shape below |
VS Code (servers key):
{
"servers": {
"codesign": {
"command": "npx",
"args": [
"-y",
"@imgly/codesign-mcp@0.6.0",
"stdio"
]
}
}
}
Zed (context_servers):
{
"context_servers": {
"codesign": {
"command": {
"path": "npx",
"args": [
"-y",
"@imgly/codesign-mcp@0.6.0",
"stdio"
]
}
}
}
}
Beyond your machine
CoDesign runs free on your machine today. When you need more — always-on hosting, your own infrastructure (VPC / on-prem), or a fully bundled design agent that lives in the canvas — the same building block graduates by changing config, not vendors. No lock-in. Talk to us: support@img.ly.
Support
Questions or issues: support@img.ly. This distribution is generated from IMG.LY's source repository.
CoDesign MCP 질문
CoDesign MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add codesign -- npx -y @imgly/codesign-mcp를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
CoDesign MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
어떤 파일 형식을 가져올 수 있나요?
InDesign (.idml), Photoshop (.psd), PowerPoint (.pptx), PDF 및 PNG, JPEG, GIF, WebP, SVG와 같은 다양한 이미지 형식을 가져올 수 있습니다.
전문 인쇄용으로 디자인을 내보낼 수 있나요?
네, 이 MCP server는 CMYK 색상과 도련(bleed)이 적용된 인쇄용 PDF 내보내기를 지원합니다.
시스템 요구 사항은 무엇인가요?
Node.js 버전 18 이상이 필요하며 PATH에 등록되어 있어야 합니다.