Agent skill · software engineering · jeremylongshore

figma-ci-integration

Automate Figma design token sync and asset export in CI/CD pipelines.

Why this skill is useful

Adds multiple executable CI/CD workflows for automating Figma design token synchronization and asset exports that are not commonly found in public documentation.

What it needs

Requires node installed locally. Requires github account access. About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.

What this skill does

Figma CI Integration Overview Automate Figma API workflows in CI/CD: sync design tokens on schedule, export assets on PR, and validate design system consistency. Prerequisites GitHub repository with Actions enabled FIGMAPAT stored as GitHub secret Design token extraction script (from figma-core-workflow-a) Instructions Step 1: Scheduled Token Sync Workflow Step 2: Asset Export on PR Step 3: Design System Validation Step 4: Store Figma Secrets Output Scheduled CI job syncing design tokens from Figma Asset export triggered by config changes Token validation preventing broken deployments PR-based workflow for reviewing design changes Error Handling Issue Cause Solution ------- ------- ---------- 403 in CI PAT expired Rotate secret: gh secret set FIGMAPAT Empty token output File key wrong Verify FIGMAFILEKEY variable Rate limited in CI Concurrent workflows Add concurrency group to workflow Stale cache Node modules cached Clear with actions/cache invalidation Examples Trigger the Step 1 token-sync workflow manually and verify it opens a PR only when tokens changed: The diff shows exactly what changed in the design file: No-change runs exit green without a PR (idempotent by design). Asset export on PR and the validation gate: references/asset-export-on-pr.md, references/design-system-validation.md. Resources GitHub Actions Documentation GitHub Secrets Figma REST API Next Steps For deployment patterns, see figma-deploy-integration.

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills jeremylongshore/figma-ci-integration

View the source on GitHub

Browse the @skills marketplace