๐ŸŽฏ

figma-arrange-component-set

๐ŸŽฏSkill

from southleft/figma-console-mcp-skills

VibeIndex|
What it does
|

Markdown-based skill playbooks for the native Figma MCP server that handle design-systems work including token export/import, variable management, component-set analysis, WCAG linting, and accessibility audits without requiring the Figma Console MCP.

๐Ÿ“ฆ

Same repository

southleft/figma-console-mcp-skills(24 items)

figma-arrange-component-set

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add southleft/figma-console-mcp-skills --skill figma-arrange-component-set
skills.sh Installโš  Installs to .agents/skills/
npx skills add southleft/figma-console-mcp-skills --skill figma-arrange-component-set
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/figma-arrange-component-set/SKILL.md

SKILL.md

63Installs
-
AddedJun 5, 2026

More from this repository10

๐ŸŽฏ
figma-lint-design๐ŸŽฏSkill

Figma Console MCP capabilities repackaged as Markdown skills for the native Figma MCP server, providing repeatable design-systems workflows including token export/import (DTCG, CSS, Tailwind), variable management, WCAG linting, accessibility audits, and version diffing.

๐ŸŽฏ
figma-export-tokens๐ŸŽฏSkill

Markdown skill playbooks for the native Figma MCP server that package design-systems expertise into repeatable workflows. Covers token export/import (DTCG, CSS, Tailwind), variable management, component-set analysis, WCAG linting, accessibility audits, version diffing, and changelogs.

๐ŸŽฏ
figma-design-system-inventory๐ŸŽฏSkill

A Figma design skill that performs one-call unified extraction of design tokens, components, styles, and visual specs for comprehensive design system inventory.

๐ŸŽฏ
figma-audit-accessibility๐ŸŽฏSkill

Generates per-component accessibility scorecards in Figma, evaluating state coverage, focus management, target size, and color-blind simulations using the native Figma MCP server.

๐ŸŽฏ
figma-import-tokens๐ŸŽฏSkill

Markdown skill playbooks for the native Figma MCP server that package design-systems workflows including token export/import (DTCG, CSS, Tailwind), variable management, component-set analysis, WCAG linting, accessibility audits, version diffing, and annotations.

๐ŸŽฏ
figma-manage-variables๐ŸŽฏSkill

A Figma Console MCP skill for managing design variables with CRUD operations, fast batch create/update, scope management, code syntax configuration, and mode creation and renaming.

๐ŸŽฏ
figma-check-design-parity๐ŸŽฏSkill

Markdown skill playbooks for the native Figma MCP server that handle design-systems work including token export/import (DTCG, CSS, Tailwind), variable management, component-set analysis, WCAG accessibility linting, version diffing, and changelog generation.

๐ŸŽฏ
figma-generate-component-doc๐ŸŽฏSkill

A Figma skill that generates complete component documentation in markdown format, covering anatomy, design tokens, states, accessibility guidelines, and platform parity, repackaged from Figma Console MCP as a markdown skill for the native Figma MCP server.

๐ŸŽฏ
figma-setup-design-tokens๐ŸŽฏSkill

A set of Markdown skills for the Figma MCP server that enable design-systems workflows including token export/import (DTCG, CSS, Tailwind), variable management, component analysis, WCAG linting, and accessibility audits.

๐ŸŽฏ
figma-analyze-component-set๐ŸŽฏSkill

A Figma design skill that extracts variant state machines, CSS pseudo-class mappings, and per-variant visual diffs from component sets to streamline code generation.