Start free
Per-pair page

Connect Notion to Figma in two minutes.

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

Connect Notion to Figma — start free See reverse direction
Trigger app
Notion as the trigger

Workflows fire when something happens in Notion.

Action app
Figma as the action

Workflows do something in Figma, instantly.

Connect Notion to Figma — start free
Both directions

Pick the way that fits your stack.

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

Notion → Figma

When something happens in Notion, do it in Figma.

3 Notion triggers wired to 3 Figma actions. Most-used pairing: New Database Item → Get Figma File.

Figma → Notion

Or fire it the other way around.

3 Figma triggers wired to 12 Notion actions downstream.

See Figma → Notion →
Popular pairings

Common Notion → Figma workflows.

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

Showing 9 of 9 combinations
When new database item in Notion, get figma file in Figma.

Fires when a new item is added to a Notion database. Common use: mirror submissions into another tracker, send notifications, or run AI enrichment on the new row.

When new database item in Notion, list figma comments in Figma.

Fires when a new item is added to a Notion database. Common use: mirror submissions into another tracker, send notifications, or run AI enrichment on the new row.

When new database item in Notion, post figma comment in Figma.

Fires when a new item is added to a Notion database. Common use: mirror submissions into another tracker, send notifications, or run AI enrichment on the new row.

When new page in Notion, get figma file in Figma.

Fires when a new page is created in a Notion database (functionally the same event as Database Item Added; pick whichever name feels natural).

When new page in Notion, list figma comments in Figma.

Fires when a new page is created in a Notion database (functionally the same event as Database Item Added; pick whichever name feels natural).

When new page in Notion, post figma comment in Figma.

Fires when a new page is created in a Notion database (functionally the same event as Database Item Added; pick whichever name feels natural).

When page updated in Notion, get figma file in Figma.

Fires when a page is updated in a Notion database. Combine with property filters to react only to specific transitions (e.g. Status to Done).

When page updated in Notion, list figma comments in Figma.

Fires when a page is updated in a Notion database. Combine with property filters to react only to specific transitions (e.g. Status to Done).

When page updated in Notion, post figma comment in Figma.

Fires when a page is updated in a Notion database. Combine with property filters to react only to specific transitions (e.g. Status to Done).

How it works

Connect Notion and Figma in five steps.

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

  1. 1
    Connect
    Authorize Notion and Figma

    Open TinyCommand, authorize Notion and Figma once each. Both connections are available to every workflow on your account.

  2. 2
    Trigger
    Pick a Notion trigger

    Drop the Notion → New Database Item trigger onto the canvas. TinyCommand auto-registers the webhook.

    POST /v1/webhooks/notion.trigger-database-item-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 Figma action

    Drop the Figma → Get Figma File action below it. Map fields from the Notion payload into the Figma inputs.

    figma.get-file
  5. 5
    Publish
    Publish and forget

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

FAQ

Questions about Notion + Figma.

How long does it take to connect Notion and Figma on TinyCommand?
Under two minutes. Authorize Notion and Figma once each, drop the Notion trigger and Figma action onto a workflow canvas, map a couple of fields, and publish. No code, no glue.
Is the Notion ↔ Figma integration real-time?
Yes. Both Notion and Figma 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 Notion and Figma?
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 Figma.
What Notion events can trigger a Figma workflow?
Any of the 3 Notion triggers, including "New Database Item". Each fires in real time when the matching event happens in Notion.
Do I need a paid plan to use Notion with Figma?
No. Both integrations come on every plan, including Free, which includes 1,000 credits a month with no credit card. Each workflow step uses 1 credit, and paid plans include more credits and team seats when you need them.
What if I want Figma → Notion instead?
Build it the same way, in reverse. There's a dedicated /integrations/figma/with/notion page with the reverse-direction triggers and actions.
Related

Other apps that pair well with Notion.

+
Notion + Gmail
Email
+
Notion + Slack
Communication
+
Notion + Google Sheets
Spreadsheets & Databases
+
Notion + HubSpot
CRM & Sales
+
Notion + Stripe
Payments
+
Notion + Airtable
Spreadsheets & Databases
Connect Notion to Figma — start free