Plasmic API Integrations

Build and run workflows using the Plasmic API. Use 1000s of source-available triggers and actions across 2,400+ apps. Or write custom code to integrate any app or API in seconds.

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Overview#

The Plasmic API enables you to tap into the powerful visual design features of Plasmic within Pipedream workflows. With it, you can automate the fetching, updating, and publishing of Plasmic projects and their components. This opens up possibilities for dynamic content management, design collaboration automation, and streamlined deployment processes. You can use the Plasmic API to integrate with various services, trigger updates across platforms, or synchronize design changes in real-time.

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    plasmic: {
      type: "app",
      app: "plasmic",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://codegen.plasmic.app/api/v1/loader/html/preview/${this.plasmic.$auth.project_id}/{your_component_name}`,
      headers: {
        "x-plasmic-api-project-tokens": `${this.plasmic.$auth.project_id}:${this.plasmic.$auth.project_token}`,
      },
    })
  },
})

Example Use Cases#

Content Update Notifications: Automate the process of notifying team members when a Plasmic project is updated. When a design change is pushed, use the Plasmic API to trigger a Pipedream workflow that sends a message with the update details to a Slack channel, keeping everyone in sync.
Automated Deployment on Design Publish: Set up a workflow where, upon publishing a design in Plasmic, Pipedream triggers a deployment process through a CI/CD platform like GitHub Actions. This ensures that your live site or application always reflects the latest design changes without manual intervention.
Sync Design Assets with a CMS: Whenever new assets are added to a Plasmic project, use a Pipedream workflow to automatically upload these assets to a Content Management System (CMS) like Contentful. This keeps your CMS media library up-to-date with the latest design assets, ready for content creation.

Authentication#

Name Slug: plasmic

Plasmic uses API keys for authentication. When you connect your Plasmic account, Pipedream securely stores the keys so you can easily authenticate to Plasmic APIs in both code and no-code steps.

Your Project ID is 1234 if your Plasmic project URL is https://studio.plasmic.app/projects/1234

Using your Project ID, access the following URL to retrieve your Project Token
https://studio.plasmic.app/projects/{PROJECT_ID}/docs/loader#showToken=true

Start for free — no credit card required

Watch a demo

Plasmic

Plasmic API Integrations

Build and run workflows using the Plasmic API. Use 1000s of source-available triggers and actions across 2,400+ apps. Or write custom code to integrate any app or API in seconds.