Zeplin
Google Hangouts Chat
zapier

An automated workflow using zapier

Connects Zeplin + Google Hangouts Chat

Send Google Chat messages for new and updated resources in a Zeplin styleguide

About this workflow template

This automation scenario allows you to connect Zeplin and Google Hangouts Chat

It can be build using Zapier, a no-code workflow automation tool. Zapier allows you to create automated bots using a simple drag-and-drop interface for non-technical users. This is a ready-made scenario, but it can be customized by adding more apps, actions, filters or branches.

Zeplin and Google Hangouts Chat can also be integrated using automation tools other than zapier:

Diagram

Send Google Chat messages for new and updated resources in a Zeplin styleguide
Workflow diagram: Zeplin + Google Hangouts Chat integration

How it works?

When this trigger fires in Zeplin

Zeplin

New or Updated Styleguide Resource in Zeplin

Triggers when a resource such as component and color is created or updated on a styleguide.

Then this action happens in Google Hangouts Chat

Google Hangouts Chat

Create Message in Google Hangouts Chat

Create a message in Hangouts Chat.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Send Google Chat messages for new and updated resources in a Zeplin styleguide.

Part I

Configure Applications

First, we need to connect Zeplin and Google Hangouts Chat to Zapier.

  • Create Zapier account.

    Create Zapier account.

    Create Zapier account if you don't have one.

  • Connect Zeplin to Zapier.

    Connect Zeplin to Zapier.

    Give Zapier access to your Zeplin account, using Zeplin credentials.

  • Connect Google Hangouts Chat to Zapier.

    Connect Google Hangouts Chat to Zapier.

    Give Zapier access to your Google Hangouts Chat account, using Google Hangouts Chat credentials.

Part II

Build an integration workflow

Next, we need to create a workflow automation scenario using graphical no-code web interface of Zapier.

  • Set up a Trigger action for Zeplin

    Set up a Trigger action for Zeplin

    Choose the following trigger: New or Updated Styleguide Resource (Triggers when a resource such as component and color is created or updated on a styleguide.).

  • Then set up an Action for Google Hangouts Chat

    Then set up an Action for Google Hangouts Chat

    Choose this action: Create Message (Create a message in Hangouts Chat.).

Part III

Test and Publish

Finally, we need to test this automation and publish it.

  • Customize data flow

    Customize data flow

    Configure the data that is exchanged between Zeplin and Google Hangouts Chat.

  • Test the workflow and turn it on for production use

    Test the workflow and turn it on for production use

    Test your scenario and publish to production. Now you have an automatic workflow, that will Send Google Chat messages for new and updated resources in a Zeplin styleguide!

Supported triggers and actions

  • Google Hangouts Chat

    Get bot rooms

    Get the Hangouts Chat Rooms where the Bot has been added and the allowzaps command has been completed.

    zapier
    triggerbyzapier
  • Google Hangouts Chat

    Create message

    Create a message in Hangouts Chat.

    zapierpabbly-connect
    actionbyzapierpabbly-connect
  • Google Hangouts Chat

    Send message

    Send Message to a chat room or as direct message

    automateio
    actionbyautomateio
  • Google Hangouts Chat

    Create a card message

    Creates a card message with a header and multiple buttons.

    pabbly-connect
    actionbypabbly-connect
  • Zeplin

    Update screen

    Updates a screen's description or tags.

    zapierpabbly-connect
    actionbyzapierpabbly-connect
  • Zeplin

    Create or reply to a note

    Creates a new note or a reply to an existing note.

    zapier
    actionbyzapier
  • Zeplin

    Update project

    Updates a project's name, description, or status.

    zapierpabbly-connect
    actionbyzapierpabbly-connect
  • Zeplin

    Find project

    Finds a project by name.

    zapier
    actionbyzapier
  • Zeplin

    Find screen

    Finds a screen by name.

    zapier
    actionbyzapier
  • Zeplin

    Find project status

    Finds a project status by name.

    zapier
    actionbyzapier

Apps you need