Figma and Shopify integrations and automations

Seamlessly connect Figma and Shopify. Automate workflows, and boost efficiency with Workato.

Rating

4.9

Pre-built

150+

integrations

Total

100+

active users

avg

2 min

to connect

Custom Connections

Available

via HTTP connector

Market leaders run on Workato

  • monday.svg
  • box.svg
  • hp-2.svg
  • atlassian.svg
  • cisco.png

Build Powerful Workflows, fast

Triggers

When this happens…

Figma
  • Dev Mode Status Updated Real-time
    Fires when a layer is marked as "Ready for Dev", "Completed", or has its Dev Mode status cleared. Useful for triggering handoff notifications to developers or updating project tracking tools.
  • File Deleted Real-time
    Fires when any file within the subscribed context is deleted. Useful for cleanup workflows, audit logging, or triggering alerts.
  • File Updated Real-time
    Fires when any change is saved to a file within the subscribed context. Use this to trigger downstream syncs, notifications, or exports whenever a designer updates their work.
  • File Version Created Real-time
    Fires when a designer explicitly saves a named version (via File → Save to Version History). Useful for triggering handoff, snapshot archival, or approval workflows.
  • Library Published Real-time
    Fires when components, styles, or variables are published from a library file. A separate event fires per asset type (components, styles, variables). Useful for syncing design tokens, triggering Storybook updates, or notifying dev teams of design system changes.
  • New File Comment Real-time
    Fires whenever a user adds a comment or reply to any file within the subscribed team, project, or file context. Useful for routing design feedback to Slack, Jira, or email.

    • Any other trigger you can think up

Shopify
  • New customer
    New customer in Shopify
  • New order
    New order in Shopify
  • New product
    New product in Shopify
  • New product (GraphQL)
    New product in Shopify(GraphQL)
  • New/updated abandoned checkout (GraphQL)
    New or updated abandoned checkout in Shopify (GraphQL)
  • New/updated customer Batch
    New/updated customer in Shopify
  • New/updated draft order Batch
    New/updated draft order in Shopify
  • New/updated object (GraphQL) Batch
    New/updated object in Shopify (GraphQL)
  • New/updated order Batch
    New/updated order in Shopify
  • New/updated product Batch
    New/updated product in Shopify
  • New/updated product (GraphQL)
    New or updated product in Shopify (GraphQL)
  • New/updated product variant (GraphQL)
    New or updated product variant in Shopify (GraphQL)
  • New product variant
    New product variant in Shopify
  • New/updated abandoned checkout
    New/updated abandoned checkout in Shopify
  • New/updated customer
    New/updated customer in Shopify
  • New/updated order
    New/updated order in Shopify
  • New/updated product
    New/updated product in Shopify

    • Any other trigger you can think up

Actions

Do this…

Figma
  • Create Dev Resources
    Attaches one or more dev resources (external URLs like tickets, PRs, or documentation) to specific nodes in a Figma file.
  • Create Webhook
    Creates a webhook that sends a POST request to your endpoint when the specified event fires. A PING event is sent immediately upon creation to verify the endpoint. Webhooks can be attached to a team, project, or individual file.
  • Delete Comment
    Permanently deletes a comment. Only the author of the comment can delete it.
  • Delete Dev Resource
    Permanently deletes a dev resource attachment from a Figma node.
  • Delete Webhook
    Deletes the specified webhook. This action is irreversible. The webhook will immediately stop sending events.
  • Get Activity Logs
    Returns audit/activity log entries for the organization. Requires Enterprise plan and Figma for Government base URL. Supports filtering by event type and date range.
  • Get Comments
    Returns all comments left on a file, including their author, position, thread structure, and creation timestamp.
  • Get Component by Key
    Returns detailed metadata for a specific published component identified by its component key.
  • Get Current User
    Returns the Figma account details (ID, email, handle, avatar) for the user or application that owns the access token.
  • Get Dev Resources
    Returns dev resources (external links like Jira tickets, PRs, docs) attached to specific nodes in a file. Optionally filter by node IDs.
  • Get File
    Returns the complete document tree for a Figma file as JSON, including all nodes, components, styles, and metadata. Supports filtering by node IDs and tree depth to limit response size.
  • Get File Components
    Returns all component metadata published from the given file.
  • Get File Metadata
    Returns file metadata including name, last touched info, creator, and thumbnail URL. Much lighter than Get File — no document tree included.
  • Get File Nodes
    Returns the JSON subtrees for specified node IDs in a Figma file, along with their component and style metadata.
  • Get File Styles
    Returns style metadata for all styles published from the given file.
  • Get File Versions
    Returns a paginated list of all saved versions for a file, ordered by creation date (newest first). Each version includes the version ID, label, description, and the user who created it.
  • Get Image Fill URLs
    Returns a mapping of image references to signed S3 download URLs for all images used as fills in the file. URLs expire within 14 days.
  • Get Local Variables
    Returns all local variables created in the file plus any remote variables used in the file. Enterprise plan required.
  • Get Project Files
    Returns a list of files within a project. Each file entry includes its key, name, thumbnail, and last modified date.
  • Get Published Variables
    Returns all variables and variable collections published from the file. Enterprise plan required.
  • Get Style by Key
    Returns detailed metadata for a specific published style by its key.
  • Get Team Components
    Returns metadata for all components published to a team library, including component name, description, thumbnail, and linked file.
  • Get Team Projects
    Returns a list of projects for the specified team. Requires the projects:read scope. Note: Project endpoints require approval from Figma for new apps.
  • Get Team Styles
    Returns metadata for all styles (fill, text, effect, grid) published to a team library.
  • Get Webhook
    Returns the full details of a registered webhook by its ID.
  • Get Webhook Request Log
    Returns all event payloads sent by a webhook in the past week. Useful for debugging delivery failures or verifying event structure.
  • List Webhooks
    Returns all webhooks attached to a specific context. Alternatively, use plan_api_id to list all webhooks across all contexts.
  • Post Comment
    Posts a new top-level comment or reply on a Figma file. You can optionally anchor the comment to a specific position on the canvas or reply to an existing root comment.
  • Post Comment Reaction
    Adds an emoji reaction to an existing comment. Accepts standard emoji shortcodes such as :heart: or :+1:.
  • Render Images from File
    Renders the specified nodes as images and returns download URLs. Supports JPG, PNG, SVG, and PDF output formats. Exported image URLs expire after 30 days.
  • Update Webhook
    Updates one or more properties (event type, endpoint, passcode, status, or description) of an existing webhook.

    • Any other action you can think up

Shopify
  • Custom action
    Custom action in Shopify (Custom)
  • Add metafield to objects
    Add metafield to objects in Shopify
  • Add metafield to store
    Add metafield to store in Shopify
  • Adjust inventory level
    Adjust inventory level in Shopify
  • Attach file to a product variant using GraphQL Batch
    Attach file to a product variant by ID in Shopify using GraphQL
  • Calculate refund transaction
    Calculate refund in Shopify
  • Cancel a fulfillment
    Cancel a single fulfillment in Shopify
  • Connect inventory item to location
    Connect an inventory item to a location in Shopify
  • Create customer
    Create customer in Shopify
  • Create draft order
    Create a draft order on Shopify
  • Create File using GraphQL Batch
    Create File in Shopify using GraphQL
  • Create fulfillment
    Create a fulfillment for fulfillment order(s) in Shopify
  • Create object using GraphQL
    Create object in Shopify using GraphQL
  • Create order
    Create order in Shopify
  • Create product
    Create product in Shopify
  • Create product image
    Create a product image on Shopify
  • Create product variant
    Create product variant in Shopify
  • Create refund transaction
    Create refund in Shopify
  • Create transaction
    Create transaction in Shopify
  • Delete draft order
    Deletes a draft order on Shopify
  • Delete object by ID using GraphQL Batch
    Delete object by ID in Shopify using GraphQL
  • Delete product image
    Delete product image from Shopify
  • Detach file from a product variant using GraphQL Batch
    Detach file from a product variant by ID in Shopify using GraphQL
  • Get store metafields Batch
    Get store metafields in Shopify
  • Search customers Batch
    Search customers in Shopify
  • Get draft order by ID
    Retrieves a draft order by ID on Shopify
  • List draft orders
    Lists existing draft orders on Shopify
  • Get fulfillment by ID
    Get a single fulfillment in Shopify
  • Get object by ID using GraphQL
    Get object by ID in Shopify using GraphQL
  • Get object metafields Batch
    Get object metafields in Shopify
  • Get order by ID
    Get order by ID in Shopify
  • Get product image by ID
    Get product image details by ID on Shopify
  • Get transactions Batch
    Get transactions by order ID in Shopify
  • List fulfillment orders for an order Batch
    List fulfillment orders for an order in Shopify
  • List fulfillments by fulfillment order Batch
    List fulfillments by fulfillment order in Shopify
  • List locations Batch
    List locations in Shopify
  • List product images
    Lists product images of a product on Shopify
  • List product variants Batch
    List product variants in Shopify
  • Reorder product media using GraphQL Batch
    Reorder product media in Shopify using GraphQL
  • Search object using GraphQL Batch
    Search object in Shopify using GraphQL
  • Search orders Batch
    Search orders in Shopify
  • Search products Batch
    Search products in Shopify
  • Send email invoice
    Send an email invoice for a draft order on Shopify
  • Set inventory level
    Set inventory level in Shopify
  • Update customer
    Update customer in Shopify
  • Update draft order
    Updates a draft order on Shopify
  • Update SKU
    Update inventory item SKU in Shopify
  • Update object using GraphQL
    Update object in Shopify using GraphQL
  • Update object metafield
    Update metafields of an object in Shopify
  • Update order
    Update order in Shopify
  • Update product
    Update product in Shopify
  • Update product image
    Update product image details on Shopify
  • Update product variant
    Update product variant in Shopify
  • Update store metafield
    Update store metafields in Shopify
  • Update tracking information of a fulfillment
    Update tracking information of a fulfillment in Shopify

    • Any other action you can think up

One platform

  • Power
  • Agility
  • Speed
  • Innovation