MULTI-APP TOOLKIT
Build with Figma + Webflow
- Multi-app
- One MCP session
- 21 actions
- 9 triggers
- Managed auth
MCP
One MCP session, both toolsets
One session gives your product or agent every Figma and Webflow tool at once — connect once, list tools, and call them like any single-app session.
// accessToken: mint a short-lived token with the Connect SDK — see the MCP guide
const transport = new StreamableHTTPClientTransport(
new URL("https://remote.mcp.pipedream.net/v3"),
{
requestInit: {
headers: {
Authorization: `Bearer ${accessToken}`,
"x-pd-project-id": "{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": "figma,webflow",
},
},
},
)
const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)
const { tools } = await mcp.listTools()
// One list, both toolsets: Figma and Webflow tools arrive
// together, each keyed by its own app's slug.
// e.g. run Delete a Comment:
const result = await mcp.callTool({
name: "figma-delete-comment",
arguments: {
projectId: "Project Id",
fileId: "File Id",
},
})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 [figmaTools, webflowTools] =
await Promise.all([
pd.components.list({ app: "figma" }),
pd.components.list({ app: "webflow" }),
])
// One external user owns both connected accounts, so either app's tools
// run on their behalf with the same externalUserId.curl "https://api.pipedream.com/v1/connect/{project_id}/components?app=figma" \
-H "X-PD-Environment: production" \
-H "Authorization: Bearer {access_token}"
curl "https://api.pipedream.com/v1/connect/{project_id}/components?app=webflow" \
-H "X-PD-Environment: production" \
-H "Authorization: Bearer {access_token}"
# Connect both accounts to the same external_user_id, then
# configure and invoke either app's tools on that user's behalf.ARCHITECTURE
One user, two connected accounts
Your user connects each account once, under whatever ID they already have in your product. The two stay independent — either can be revoked on its own — and your code reaches both through that one user.
Your product
external_user_id
{external_user_id}Pipedream Connect
Managed identity
Auth · tools · routing
Figma
Connected account
Webflow
Connected account
TOOLS
Figma tools
The Figma tools this pairing puts in reach, each one running on your user's own connected account.
Actions
TOOLS
Webflow tools
The Webflow tools this pairing puts in reach, each one running on your user's own connected account.
Actions top 8 of 18
-
Create Collection Item
actionCreate new collection item. See the documentationWritev2.0.1 -
Delete Collection Item
actionDelete Item of a Collection. See the documentationWritev2.0.1 -
Fulfill Order
actionFulfill an order. See the documentationWritev2.0.1 -
Get Collection
actionGet a collection. See the documentationRead-onlyv2.0.1 -
Get Collection Item
actionGet a Collection Item. See the documentationRead-onlyv2.0.1 -
Get Item Inventory
actionGet the inventory of a specific item. See the documentationRead-onlyv2.0.1 -
Get Order
actionGet info on an order. See the documentationRead-onlyv2.0.1 -
Get Site
actionGet a site. See the documentationRead-onlyv2.0.1
Triggers top 4 of 8
-
New Form Submission
triggerEmit new event when a form is submitted. See the documentationInstantv2.0.0 -
New Collection Item Created
triggerEmit new event when a collection item is created. See the documentationInstantv2.0.0 -
Collection Item Deleted
triggerEmit new event when a collection item is deleted. See the documentationInstantv2.0.0 -
Collection Item Updated
triggerEmit new event when a collection item is changed. See the documentationInstantv2.0.0
MULTI-APP
Works with more apps
The combinations customers connect alongside these two — nothing here is limited to a pair.
REFERENCE
Toolkit details
- x-pd-app-slug
- figma,webflow
- Primary app
- Figma (figma)
- Second app
- Webflow (webflow)
- Authentication
- OAuth + OAuth
- Available actions
- 21
- Available triggers
- 9