Diffy

Screenshots based tool to ensure your design stays consistent during code changes.

Go to site

Diffy API Integrations

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

Overview

The Diffy API offers visual regression testing, allowing you to compare visuals of web pages over time or across different environments. With Pipedream's serverless architecture, you can integrate Diffy into various workflows to automate visual testing, get notified of changes, or even trigger deployments in a CI/CD pipeline when a visual test passes.

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: {
    diffy: {
      type: "app",
      app: "diffy",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://app.diffy.website/api/projects`,
      headers: {
        Authorization: `Bearer ${this.diffy.$auth.access_token}`,
      },
    })
  },
})

Choose an API to Connect with Diffy API

1
-
24
of
2,000+
apps by most popular

HTTP / Webhook
HTTP / Webhook
Get a unique URL where you can send HTTP or webhook requests
Node
Node
Anything you can do with Node.js, you can do in a Pipedream workflow. This includes using most of npm's 400,000+ packages.
Python
Python
Anything you can do in Python can be done in a Pipedream Workflow. This includes using any of the 350,000+ PyPi packages available in your Python powered workflows.
OpenAI (ChatGPT)
OpenAI (ChatGPT)
OpenAI is an AI research and deployment company with the mission to ensure that artificial general intelligence benefits all of humanity. They are the makers of popular models like ChatGPT, DALL-E, and Whisper.
Premium
Salesforce (REST API)
Salesforce (REST API)
Web services API for interacting with Salesforce
Premium
HubSpot
HubSpot
HubSpot's CRM platform contains the marketing, sales, service, operations, and website-building software you need to grow your business.
Premium
Zoho CRM
Zoho CRM
Zoho CRM is an online Sales CRM software that manages your sales, marketing, and support in one CRM platform.
Premium
Stripe
Stripe
Stripe powers online and in-person payment processing and financial solutions for businesses of all sizes.
Shopify Developer App
Shopify Developer App
Shopify is a user-friendly e-commerce platform that helps small businesses build an online store and sell online through one streamlined dashboard.
Premium
WooCommerce
WooCommerce
WooCommerce is the open-source ecommerce platform for WordPress.
Premium
Snowflake
Snowflake
A data warehouse built for the cloud
Premium
MongoDB
MongoDB
MongoDB is an open source NoSQL database management program.
Supabase
Supabase
Supabase is an open source Firebase alternative.
MySQL
MySQL
MySQL is an open-source relational database management system.
PostgreSQL
PostgreSQL
PostgreSQL is a free and open-source relational database management system emphasizing extensibility and SQL compliance.
Premium
AWS
AWS
Amazon Web Services (AWS) offers reliable, scalable, and inexpensive cloud computing services.
Premium
Twilio SendGrid
Twilio SendGrid
Send marketing and transactional email through the Twilio SendGrid platform with the Email API, proprietary mail transfer agent, and infrastructure for scalable delivery.
Amazon SES
Amazon SES
Amazon SES is a cloud-based email service provider that can integrate into any application for high volume email automation
Premium
Klaviyo
Klaviyo
Email Marketing and SMS Marketing Platform
Premium
Zendesk
Zendesk
Zendesk is award-winning customer service software trusted by 200K+ customers. Make customers happy via text, mobile, phone, email, live chat, social media.
Premium
ServiceNow
ServiceNow
The smarter way to workflow
Notion
Notion
Notion is a new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Slack
Slack
Slack is a channel-based messaging platform. With Slack, people can work together more effectively, connect all their software tools and services, and find the information they need to do their best work — all within a secure, enterprise-grade environment.
Microsoft Teams
Microsoft Teams
Microsoft Teams has communities, events, chats, channels, meetings, storage, tasks, and calendars in one place.

Example Use Cases

  • Scheduled Visual Regression Tests: Set up a Pipedream workflow that triggers on a schedule to run visual comparisons of your production site against a staging environment using the Diffy API. If differences exceed a certain threshold, it can alert your team through Slack or email for review.

  • Monitor Competitor Websites: Create a Pipedream workflow that periodically checks your competitors' websites using the Diffy API. Store the snapshots in a data store, and if significant visual changes are detected, notify your marketing team so they can analyze the competitor's strategy.

  • Integration with Deployment Pipelines: Design a workflow in Pipedream to act as a gatekeeper in your deployment pipeline. After a deployment to a test environment, trigger a visual test using Diffy API. If the test passes, automatically promote the build to the next stage in your pipeline; if not, halt the deployment and notify your development team.

Add Single Row with Google Sheets API on New Screenshot Created from Diffy API
Diffy + Google Sheets
 
Try it
Send Message to a Public Channel with Slack API on New Screenshot Created from Diffy API
Diffy + Slack
 
Try it
Get Film with SWAPI - Star Wars API on New Screenshot Created from Diffy API
Diffy + SWAPI - Star Wars
 
Try it
Send SMS with Twilio API on New Diff Created from Diffy API
Diffy + Twilio
 
Try it
Search Tweets with Twitter API on New Diff Created from Diffy API
Diffy + X (Twitter)
 
Try it
New Diff Created from the Diffy API

Emit new event when a new diff is created in Diffy. See the documentation

 
Try it
New Screenshot Created from the Diffy API

Emit new event when a new screenshot is created in Diffy. See the documentation

 
Try it

Authentication

Diffy uses OAuth authentication. When you connect your Diffy account, Pipedream will open a popup window where you can sign into Diffy and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Diffy API.

Pipedream requests the following authorization scopes when you connect your account:

OAuth Request Configurations:
  1. accessToken
    POSThttps://app.diffy.website/api/auth/keycontent-type: application/jsonaccept: application/json
    key={{custom_fields.api_key}}