skills.rest
patternfly
patternflyOFFICIAL
Explore all skills by this author →
Website𝕏@patternflyGitHub

pf-token-auditor

Map Figma design tokens to PatternFly 6 tokens across themes.

10|26|Updated Jul 8, 2025
Search Tags:#theming#figma#design-tokens#token-audit#token-mapping#patternfly6
One-click install
npx skills add https://github.com/patternfly/ai-helpers --skill pf-token-auditor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pf-token-auditor
Source: https://github.com/patternfly/ai-helpers/tree/main/plugins/design-foundations/skills/pf-token-auditor
Command: npx skills add https://github.com/patternfly/ai-helpers --skill pf-token-auditor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and engineers often struggle to keep Figma token usage aligned with PatternFly 6 tokens across themes, leading to drift and rework during design-to-code handoffs.

Core Features & Use Cases

  • Token-audit and mapping from Figma styles to PatternFly tokens across default, dark, glass, and RedHat themes.
  • Contextual theme awareness and token pairing guidance to surface implementation gaps and provide actionable remediation steps.
  • Reference-driven validation that cross-checks token definitions and component usage to ensure consistency across projects.

Quick Start

Run a token-audit on the provided Figma design file and return a structured report with token mappings, theme context, and recommended fixes.

Frequently Asked Questions about pf-token-auditor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit Figma design tokens against PatternFly 6?▼

Run a token audit on your Figma file to map styles to PatternFly 6 tokens, validate theme consistency, and generate a structured report highlighting token drift with direct links to Figma nodes.

What is token drift in Figma to PatternFly workflows?▼

Token drift happens when Figma styles misalign with PatternFly 6 tokens across themes. The audit surfaces these gaps and provides actionable remediation to ensure consistent component semantics.

Can I audit Figma tokens for dark and RedHat theme variants?▼

Yes, token audits validate Figma designs against default, dark, glass, and RedHat theme variants, applying contextual theme awareness to ensure accurate token pairing and consistent theming.

How do I map Figma styles to PatternFly tokens?▼

Run an audit that cross-checks official token definitions against your Figma styles, returning a structured report with token mappings, theme context, and recommended fixes for any implementation gaps.

Why does my PatternFly theming break during design-to-code handoff?▼

Theming breaks during handoff when Figma styles drift from PatternFly 6 token definitions. An audit surfaces missing mappings and provides actionable remediation steps to ensure consistent theming.

What's the best way to validate Figma token usage against official PatternFly definitions?▼

Run a reference-driven audit that cross-checks Figma styles against official PatternFly 6 token definitions, validating component usage and ensuring consistency across projects with a structured report.

Related Skills

Explore More Design & Creative Skills→
TheQtCompanyRnDTheQtCompanyRnD
351

qt-figma-token-extraction

Extract Figma design tokens and generate QML singleton files for Qt 6 projects.

Official
Advanced
Unlighted01Unlighted01

add-theme

Add CSS variable-driven themes and dark mode to ResearchMate UI components.

Community
Intermediate
phazurlabsphazurlabs
35

Design Systems Architecture

Standardize design system architecture with W3C DTCG tokens and Figma-to-code synchronization.

Community
Advanced
patternflypatternfly
10

figma-changes

Identify Figma design changes and generate code update checklists.

Official
Advanced