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
์
๋ฐ์ดํธ๋จ 1/20/2026
์คํ
3
ํฌํฌ
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.
์ค์น
$ install --globalskills.sh
์ฌ์ฉ๋ฒ
์ค์น ํ ํฐ๋ฏธ๋์์ ๋ค์ ๋ช ๋ น์ ์คํํ์ฌ ์ด ์คํฌ์ ์ฌ์ฉํ ์ ์์ต๋๋ค:
skills use figma-design-analyzer