CONTENT CREATION

Audit Figma color tokens for contrast, then gate the style-guide deploy on a passing report

On file change, evaluates every text/background color-token pairing for WCAG contrast, blocks the style-guide deploy if any required pair fails.

CategoryContent Creation
Enginesim
Difficultyadvanced
Triggerwebhook
Steps7
Setup~25 min

How it runs

The automated pipeline, trigger to output.

  • TriggerFigma tokens changed (webhook)FigmaFigma
  • ActionFetch color variables and documented pairingsFigmaFigma
  • LogicCompute WCAG contrast; flag failing pairs
  • ActionOn failure: file Linear issue per failing pair and stopLinearLinear
  • ActionOn pass: regenerate guide with contrast badgesOpenAI
  • ActionDeploy passing style guide to VercelVercelVercel
  • OutputReport pass/fail outcome to SlackSlack

What it does

Adds an accessibility gate to your design-system pipeline. Before publishing the style guide, it checks color-token combinations against WCAG AA/AAA contrast thresholds and refuses to deploy a guide that documents inaccessible pairings.

When to use it

Use it when accessibility is a hard requirement and you want CI-style enforcement on design tokens, not just code. It catches a too-light text-on-surface combination at the token level before it spreads through the product.

How it works

  1. 1A Figma webhook fires when tokens change.
  2. 2The flow pulls color variables and the documented text/background pairings.
  3. 3A logic step computes contrast ratios and flags pairs below their required threshold.
  4. 4If any required pair fails, the flow opens a Linear issue per failure with the offending tokens and measured ratio, then stops before deploy.
  5. 5If all pairs pass, an OpenAI step regenerates the style-guide page with contrast badges shown next to each pairing.
  6. 6A Vercel step deploys the passing guide.
  7. 7A Slack message reports pass/fail with the failing-pair count or the live URL.

Set it up

What you configure once, before turning it on.

  1. 1
    Connect FigmaFiles, frames, comments, assets.
  2. 2
    Connect LinearIssues, projects, cycles, triage.
  3. 3
    Connect OpenAIModels, embeddings, files.
  4. 4
    Connect VercelDeploys, runtime logs, analytics.
  5. 5
    Connect SlackChannels, DMs, threads, mentions.
  6. 6
    Set each agent's modelWe leave models unset so you pick the tier — fast + cheap, or top-quality.
  7. 7
    Tune it to your dataEdit the prompts, filters, and field mappings so it matches how your team works.
  8. 8
    Test, then turn it onRun once against a sample, confirm the output, then enable the trigger.

Run this workflow in your colony.

14-day trial. No DevOps. No Sales call. Provisioned in under a minute.