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.

xtone
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