southleft/skills-for-figma

1

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

southleft/skills-for-figma

53

2

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

southleft/skills-for-figma

48

3

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

southleft/skills-for-figma

48

4

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

southleft/skills-for-figma

47

5

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

southleft/skills-for-figma

47

6

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

southleft/skills-for-figma

45

7

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

southleft/skills-for-figma

44

8

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

southleft/skills-for-figma

43

9

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

southleft/skills-for-figma

43

10

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

southleft/skills-for-figma

43

11

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

southleft/skills-for-figma

43

12

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

southleft/skills-for-figma

43

13

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

southleft/skills-for-figma

42

14

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

southleft/skills-for-figma

42

15

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

southleft/skills-for-figma

42

16

library-variables-figma Discover and import design tokens from SUBSCRIBED Figma team libraries into the current file. Use when the user wants…

southleft/skills-for-figma

42

17

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

southleft/skills-for-figma

42

18

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

southleft/skills-for-figma

42