Skip to content
Per-pair page

Connect Figma to Stripe in two minutes.

Real-time triggers from Figma, ready-made actions in Stripe. Filter, transform, and route without writing a line of code.

Trigger app
Figma as the trigger

Workflows fire when something happens in Figma.

Action app
Stripe as the action

Workflows do something in Stripe, instantly.

See all 31 actions →
Both directions

Pick the way that fits your stack.

Pair pages are mirrored. Each direction gets its own dedicated page.

FigmaStripe

When something happens in Figma, do it in Stripe.

3 Figma triggers wired to 31 Stripe actions. Most-used pairing: Figma Comment AddedCancel Subscription.

StripeFigma

Or fire it the other way around.

10 Stripe triggers wired to 3 Figma actions downstream.

See StripeFigma
Popular pairings

Common Figma → Stripe workflows.

Pick a pairing to set it up in two minutes. Each one is a fully editable recipe.

Showing 9 of 93 combinations
When figma comment added in Figma, cancel subscription in Stripe.

Fires when a comment is posted on a Figma file (new thread or reply). The design-review hook — auto-post to #design-review Slack, create a Linear issue if comment matches bug pattern.

When figma comment added in Figma, create charge in Stripe.

Fires when a comment is posted on a Figma file (new thread or reply). The design-review hook — auto-post to #design-review Slack, create a Linear issue if comment matches bug pattern.

When figma comment added in Figma, create checkout session in Stripe.

Fires when a comment is posted on a Figma file (new thread or reply). The design-review hook — auto-post to #design-review Slack, create a Linear issue if comment matches bug pattern.

When figma comment added in Figma, create coupon in Stripe.

Fires when a comment is posted on a Figma file (new thread or reply). The design-review hook — auto-post to #design-review Slack, create a Linear issue if comment matches bug pattern.

When figma file updated in Figma, cancel subscription in Stripe.

Fires (debounced ~30s) on any file edit. Useful for "design changed → re-export assets" or "design touched → notify the engineer who built the matching component" workflows. No diff in payload — workflows that need the change run Get File and compare.

When figma file updated in Figma, create charge in Stripe.

Fires (debounced ~30s) on any file edit. Useful for "design changed → re-export assets" or "design touched → notify the engineer who built the matching component" workflows. No diff in payload — workflows that need the change run Get File and compare.

When figma file updated in Figma, create checkout session in Stripe.

Fires (debounced ~30s) on any file edit. Useful for "design changed → re-export assets" or "design touched → notify the engineer who built the matching component" workflows. No diff in payload — workflows that need the change run Get File and compare.

When figma file updated in Figma, create coupon in Stripe.

Fires (debounced ~30s) on any file edit. Useful for "design changed → re-export assets" or "design touched → notify the engineer who built the matching component" workflows. No diff in payload — workflows that need the change run Get File and compare.

When figma version created in Figma, cancel subscription in Stripe.

Fires when a designer saves a named version — the discrete handoff moment. The hook for design-to-engineering automation: when v1.0 is saved, auto-create the engineering issue, post the version link to the team.

How it works

Connect Figma and Stripe in five steps.

No code, no glue, no half-day setup. Each step is one click.

  1. 1
    Connect
    Authorize Figma and Stripe

    Open Tiny Command, authorize Figma and Stripe once each. Both connections are available to every workflow on your account.

  2. 2
    Trigger
    Pick a Figma trigger

    Drop the Figma → Figma Comment Added trigger onto the canvas. Tiny Command auto-registers the webhook.

    POST /v1/webhooks/figma.trigger-comment-added
  3. 3
    Transform
    Add a filter or AI step

    Optionally add a Filter node ("subject contains URGENT") or an AI step ("classify intent") between trigger and action.

  4. 4
    Action
    Add the Stripe action

    Drop the Stripe → Cancel Subscription action below it. Map fields from the Figma payload into the Stripe inputs.

    stripe.cancel-subscription
  5. 5
    Publish
    Publish and forget

    Hit Publish. Tiny Command runs it in production from second one. Watch the run-log fill up.

FAQ

Questions about Figma + Stripe.

How long does it take to connect Figma and Stripe on Tiny Command?
Under two minutes. Authorize Figma and Stripe once each, drop the Figma trigger and Stripe action onto a workflow canvas, map a couple of fields, and publish. No code, no glue.
Is the Figma ↔ Stripe integration real-time?
Yes. Both Figma and Stripe expose webhooks, so events from one fire workflows in the other within seconds rather than on a polling interval.
Can I filter or transform data between Figma and Stripe?
Yes. Add a Filter node to only pass through matching events, a Switch node to branch by value, or an AI / Code node to transform payloads before they hit Stripe.
What Figma events can trigger a Stripe workflow?
Any of the 3 Figma triggers, including "Figma Comment Added". Each fires in real time when the matching event happens in Figma.
Do I need a paid plan to use Figma with Stripe?
No. There's a free tier that covers most Figma+Stripe use cases without a credit card. Paid plans unlock higher run volumes and team features when you outgrow it.
What if I want Stripe → Figma instead?
Build it the same way, in reverse. There's a dedicated /integrations/stripe/with/figma page with the reverse-direction triggers and actions.
Related

Other apps that pair well with Figma.


Wire Figma to Stripe in 2 minutes.

Free tier available. No credit card. No onboarding call.