What do you want to automate
with Figma and HTML/CSS to Image?
Prompt, edit and deploy AI agents that connect to Figma, HTML/CSS to Image and 2,500+ other apps in seconds.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Overview of Figma#
The Figma API unlocks the power to automate and integrate design workflows, enabling both designers and developers to extract assets, update designs, and manage files programmatically. By leveraging the Figma API on Pipedream, you can create automated processes that sync design updates with other tools, notify team members of changes, or feed design information into other parts of your digital ecosystem.
Connect Figma#
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
figma: {
type: "app",
app: "figma",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://api.figma.com/v1/me`,
headers: {
Authorization: `Bearer ${this.figma.$auth.oauth_access_token}`,
},
})
},
})
Overview of HTML/CSS to Image#
The HTML/CSS to Image API lets you programmatically create images from HTML and CSS, which is perfect for generating custom graphics, charts, or even to convert web content for sharing on social media. On Pipedream, you can harness this API within a serverless workflow, triggering image generation from various events, managing the data flow, and integrating with countless other apps to create powerful automations.
Connect HTML/CSS to Image#
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
html_css_to_image: {
type: "app",
app: "html_css_to_image",
}
},
async run({steps, $}) {
const data = {
"url": `https://google.com`,
}
return await axios($, {
method: "post",
url: `https://hcti.io/v1/image`,
auth: {
username: `${this.html_css_to_image.$auth.user_id}`,
password: `${this.html_css_to_image.$auth.api_key}`,
},
data,
})
},
})
Trusted by 1,000,000+ developers from startups to Fortune 500 companies