figma-design-expert

Standardizing Figma design tokens involves applying structured YAML frontmatter and Markdown instructions to enforce consistent color, typography, and component styling across your design system. This ensures cross-framework alignment for React, Vue, Tailwind, and Flutter.

Documenting Figma design systems is best achieved by generating a metadata package with structured frontmatter and a rich Markdown body. This operationalizes design reviews, tokenization, and framework mappings to guide styling outputs.

Checking accessibility compliance in a Figma design system requires applying operational instructions loaded into context during design reviews. This enforces accessibility standards alongside color and typography system standardization.

Yes, it integrates with Figma MCP tools by auto-invoking when discussing design systems, color palettes, and UI/UX tokenization. It links directly to MCP tooling docs and framework mappings to guide standardized outputs.

Yes, you can apply generated Figma design system metadata for React and Flutter framework styling. The skill includes framework mappings that translate design tokens and visual design rules into cross-framework styling outputs.

YAML frontmatter is needed for Figma design system documentation to provide a structured name, description, and version for design rules. This standardizes the metadata package and accelerates Figma-driven design workflows.