# Contentstack + Figma — Pipedream Connect

> Connect a user's Contentstack and Figma accounts and expose tools for both apps directly in your product or your agent.

- Apps: Contentstack (`contentstack`) + Figma (`figma`)
- This page (HTML): https://pipedream.com/apps/contentstack/integrations/figma
- One `external_user_id` owns both connected accounts, and each account stays independently revocable.

## One session, both toolsets (recommended)

- Endpoint: `https://remote.mcp.pipedream.net/v3`
- Headers: `Authorization: Bearer <token>` · `x-pd-project-id` · `x-pd-environment` · `x-pd-external-user-id` · `x-pd-app-slug: contentstack,figma`
- `x-pd-app-slug` takes a comma-separated list, so `contentstack,figma` is one session on one transport. Both toolsets arrive from a single `listTools()`, and a tool is called exactly as it would be in a single-app session.

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js"
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js"
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const accessToken = await pd.rawAccessToken

const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": process.env.PIPEDREAM_PROJECT_ID!,
        "x-pd-environment": "production",
        "x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
        "x-pd-app-slug": "contentstack,figma",
      },
    },
  },
)

const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)

const { tools } = await mcp.listTools()

// One list, both toolsets: Contentstack and Figma tools arrive
// together, each keyed by its own app's slug.

// e.g. run Create Entry:
const result = await mcp.callTool({
  name: "contentstack-create-entry",
  arguments: {
    contentType: "Content Type",
    locale: "Locale",
  },
})
```

Docs: [MCP guide](https://pipedream.com/docs/connect/mcp/developers.md)

## Both apps from your backend

```ts
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const externalUserId = "{external_user_id}" // any stable ID for this user in your system

const [contentstackTools, figmaTools] =
  await Promise.all([
    pd.components.list({ app: "contentstack" }),
    pd.components.list({ app: "figma" }),
  ])

// One external user owns both connected accounts, so either app's tools
// run on their behalf with the same externalUserId.
```

Docs: [Managed auth guide](https://pipedream.com/docs/connect/managed-auth/quickstart.md) · [Tools guide](https://pipedream.com/docs/connect/components.md)

## Contentstack

- API slug: `contentstack` (use in MCP headers and tool keys)
- Auth: API key (Pipedream-managed)
- Categories: Web & App Development
- Website: https://www.contentstack.com/
- App page (HTML): https://pipedream.com/apps/contentstack
- Tools: 7 actions · 3 triggers

Full tool list, API proxy, and SDK quickstart: https://pipedream.com/apps/contentstack.md

### Actions (7)

- [Create Entry](https://pipedream.com/apps/contentstack/actions/create-entry.md) — `contentstack-create-entry`
- [List Branches Options](https://pipedream.com/apps/contentstack/actions/list-branch-ids-options.md) — `contentstack-list-branch-ids-options`
- [List Content Type Options](https://pipedream.com/apps/contentstack/actions/list-content-type-options.md) — `contentstack-list-content-type-options`
- [List Environments Options](https://pipedream.com/apps/contentstack/actions/list-environments-options.md) — `contentstack-list-environments-options`
- [List Locale Options](https://pipedream.com/apps/contentstack/actions/list-locale-options.md) — `contentstack-list-locale-options`
- [Publish Entry](https://pipedream.com/apps/contentstack/actions/publish-entry.md) — `contentstack-publish-entry`
- [Update Entry](https://pipedream.com/apps/contentstack/actions/update-entry.md) — `contentstack-update-entry`

### Triggers (3)

- [New Asset Created (Instant)](https://pipedream.com/apps/contentstack/triggers/new-asset-instant.md) — `contentstack-new-asset-instant`
- [New Entry Created (Instant)](https://pipedream.com/apps/contentstack/triggers/new-entry-instant.md) — `contentstack-new-entry-instant`
- [New Entry Published (Instant)](https://pipedream.com/apps/contentstack/triggers/publish-entry-instant.md) — `contentstack-publish-entry-instant`

## Figma

- API slug: `figma` (use in MCP headers and tool keys)
- Auth: OAuth (Pipedream-managed)
- Categories: Marketing
- Website: https://www.figma.com/
- Managed OAuth scopes: `current_user:read` · `file_comments:read` · `file_comments:write` · `file_metadata:read` · `webhooks:read` · `webhooks:write`
- App page (HTML): https://pipedream.com/apps/figma
- Tools: 3 actions · 1 trigger

Full tool list, API proxy, and SDK quickstart: https://pipedream.com/apps/figma.md

### Actions (3)

- [Delete a Comment](https://pipedream.com/apps/figma/actions/delete-comment.md) — `figma-delete-comment`
- [List Comments](https://pipedream.com/apps/figma/actions/list-comments.md) — `figma-list-comments`
- [Post a Comment](https://pipedream.com/apps/figma/actions/post-a-comment.md) — `figma-post-a-comment`

### Triggers (1)

- [New Comment (Instant)](https://pipedream.com/apps/figma/triggers/new-comment.md) — `figma-new-comment`

---

- Contentstack: https://pipedream.com/apps/contentstack.md · Figma: https://pipedream.com/apps/figma.md
- All apps: https://pipedream.com/apps — index: https://pipedream.com/llms.txt
- Pipedream docs for agents: https://pipedream.com/docs/llms.txt