Plasmic

Visually build pages and content on any tech stack. Empower the whole team to ship incredibly fast

Integrate the Plasmic API with the Formatting API

Setup the Plasmic API trigger to run a workflow which integrates with the Formatting API. Pipedream's integration platform allows you to integrate Plasmic and Formatting remarkably fast. Free for developers.

[Data] Convert JSON to String with the Formatting API

Convert an object to a JSON format string

 
Try it
[Data] Parse JSON with the Formatting API

Parse a JSON string

 
Try it
[Date/Time] Add/Subtract Time with the Formatting API

Add or subtract time from a given input

 
Try it
[Date/Time] Compare Dates with the Formatting API

Get the duration between two dates in days, hours, minutes, and seconds along with checking if they are the same.

 
Try it
[Date/Time] Format with the Formatting API

Format a date string to another date string

 
Try it

Overview of Plasmic

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.

Connect Plasmic

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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}`,
      },
    })
  },
})

Connect Formatting

1
2
3
4
5
6
export default defineComponent({
  async run({ steps, $ }) {
    const text = ' Hello world! ';
    return text.trim()
  },
})