home/categories/productivity-tools/xtone-ai-development-tools-frontend-nextjs-development-skills-figma-design-analyzer-skill-md
productivity-toolstools
figma-design-analyzer
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes, extract design properties (layout, spacing, typography), classify components using Atomic Design principles, and generate design specification documents that can be used for implementation.
maintainer
xtone
Updated 1/20/2026
Stars
3
Forks
0
quick start
Installation and usage
Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes, extract design properties (layout, spacing, typography), classify components using Atomic Design principles, and generate design specification documents that can be used for implementation.
Installation
$ install --globalskills.sh
Usage
Once installed, you can use this skill by running the following command in your terminal:
skills use figma-design-analyzer