Skip to content

feat: add figma-design-audit skill#15

Merged
vishwasnavadak merged 4 commits intoantstackio:mainfrom
sen019:main
Mar 25, 2026
Merged

feat: add figma-design-audit skill#15
vishwasnavadak merged 4 commits intoantstackio:mainfrom
sen019:main

Conversation

@sen019
Copy link
Contributor

@sen019 sen019 commented Mar 17, 2026

Summary

Figma-design-audit skill that audits a Figma design against the file's design system and posts inline comments on every violation found

Checks four categories:

  • Color variables (fills/strokes not bound to a design system variable)
  • Font styles (text not linked to a named text style)
  • Numeric variables (padding, gap, and corner radius values not bound to numeric variables)
  • Unnecessary nesting (single-child wrappers, pass-through groups, empty containers)

Uses the Figma MCP server (get_variable_defs, get_design_context) to fetch the design system, then posts comments via the Figma REST API with violations

Test plan

  • Connect the Figma MCP server and run /figma-design-audit on a design that has known violations — confirm comments appear on the correct design element in Figma
  • Run on a fully compliant design — confirm the summary reports zero violations and no comments are posted

Demo Video

https://drive.google.com/file/d/1kzB0FqlwjJY6TJGJj97rCW1FqI9xzbTr/view?usp=sharing

@sen019 sen019 changed the title feat: add figma design audit skill feat: add figma-design-audit skill Mar 17, 2026
@github-actions
Copy link

github-actions bot commented Mar 18, 2026

Skill Evaluator — Tier 1 Results

✅ All checks passed

skills/figma-design-audit

Using CPython 3.11.15 interpreter at: /opt/hostedtoolcache/Python/3.11.15/x64/bin/python3
Creating virtual environment at: .venv
Downloading tiktoken (1.1MiB)
 Downloaded tiktoken
Installed 8 packages in 4ms
=== Skill Evaluation Report ===
Skill: figma-design-audit

--- Tier 1: Deterministic Checks ---
[PASS] SKILL.md exists
[PASS] kebab-case directory
[PASS] YAML frontmatter
[PASS] metadata.json
[PASS] length/efficiency — 2200 tokens. Instruction/code ratio: 5.6.
[PASS] prerequisites — No heavy external prerequisites detected.
[PASS] security patterns — External domains (2): api.figma.com, figma.com | No security section found.

--- Summary ---
Tier 1: 7/7 passed

Copy link
Member

@vishwasnavadak vishwasnavadak left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. update https://github.com/antstackio/skills/blob/main/README.md with the updated list that includes this skill as well and this could also be published to figma plugin ecosystem

@sen019
Copy link
Contributor Author

sen019 commented Mar 25, 2026

@vishwasnavadak I have updated the changes

@vishwasnavadak vishwasnavadak merged commit 6ac3ae5 into antstackio:main Mar 25, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants