southleft/figma-console-mcp-skills

1

figma-export-tokens Export Figma variables to design token files in DTCG, CSS custom properties, Tailwind v4/v3, SCSS, TypeScript, JSON, …

southleft/figma-console-mcp-skills

109

2

figma-lint-design Lint a Figma node tree for WCAG 2.2 accessibility AND design-system quality — contrast, target size, focus indicators…

southleft/figma-console-mcp-skills

107

3

figma-design-system-inventory One call to inventory an entire Figma design system — variables/tokens (grouped by collection + mode), components and…

southleft/figma-console-mcp-skills

104

4

figma-audit-accessibility Deep accessibility scorecard for a single Figma component or component set — state coverage (default/hover/focus/disa…

southleft/figma-console-mcp-skills

101

5

figma-check-design-parity Compare a Figma node's actual specs against a code spec (the values your component renders) and get a 0–100 parity sc…

southleft/figma-console-mcp-skills

99

6

figma-import-tokens Push design tokens from code INTO Figma as variables — DTCG / tokens.json / a token object → Figma variable collectio…

southleft/figma-console-mcp-skills

97

7

figma-manage-variables Create, update, rename, delete, and organize Figma variables, collections, and modes — including fast batch create/up…

southleft/figma-console-mcp-skills

95

8

figma-setup-design-tokens Bootstrap a complete design-token system in Figma in one atomic step — create a variable collection, its modes (e.g. …

southleft/figma-console-mcp-skills

94

9

figma-analyze-component-set Analyze a Figma COMPONENT_SET as a state machine for code generation — extract variant axes (state/size/etc.), map st…

southleft/figma-console-mcp-skills

93

10

figma-generate-component-doc Generate complete Markdown documentation for a Figma component — anatomy/layer tree, design tokens (colors, spacing, …

southleft/figma-console-mcp-skills

93

11

figma-annotations Read and write designer annotations on Figma nodes — node-level design specs that pin properties (fills, width, fontS…

southleft/figma-console-mcp-skills

92

12

figma-scan-code-accessibility Scan generated/authored HTML for accessibility violations with axe-core (Deque) running over JSDOM — structural and s…

southleft/figma-console-mcp-skills

92

13

figma-comments Read, post, reply to, and delete comments on a Figma file via the REST API — including pinning a comment to a specifi…

southleft/figma-console-mcp-skills

91

14

figma-version-history List a Figma file's version history, snapshot the file at any past version, and diff two versions (added/removed/rena…

southleft/figma-console-mcp-skills

91

15

figjam-create-content Author FigJam boards with granular control — sticky notes (single + batch), connectors between nodes, shapes-with-tex…

southleft/figma-console-mcp-skills

90

16

figma-deep-component Extract a single Figma component (or any node) as a full recursive tree to N levels deep — every child's layout, fill…

southleft/figma-console-mcp-skills

90

17

figma-library-variables Discover and import design tokens from SUBSCRIBED Figma team libraries into the current file.

southleft/figma-console-mcp-skills

90

18

figma-component-properties Add, edit, and delete Figma component properties (TEXT, BOOLEAN, INSTANCE_SWAP, VARIANT) on a COMPONENT or COMPONENT_…

southleft/figma-console-mcp-skills

89

19

figma-arrange-component-set Organize a Figma COMPONENT_SET's variants into a clean, labeled grid — rows and columns derived from the variant prop…

southleft/figma-console-mcp-skills

88

20

figma-generate-changelog Generate a human-readable markdown changelog between two Figma file versions — pages added/removed/renamed plus per-c…

southleft/figma-console-mcp-skills

88

21

figma-slides Author Figma Slides presentations — list/create/duplicate/reorder/delete slides, read the slide grid, add text and sh…

southleft/figma-console-mcp-skills

88

22

figma-blame-node Find which Figma version introduced a specific change — a component property or a child node — via a binary search ov…

southleft/figma-console-mcp-skills

87

23

figma-extract-design-system Extract a design system from vibe-coded production apps that never had one: inventory components, mine de-facto styli…

southleft/figma-console-mcp-skills

12