{"enrichment":{"faq":[{"a":"Figma Design Analyzer systematically processes your Figma files to produce implementation-ready design specifications. It extracts design tokens, component hierarchies, and visual properties while classifying elements according to Atomic Design methodology, then generates comprehensive documentation for developers.","q":"What does Figma Design Analyzer do?"},{"a":"Yes. Figma Design Analyzer analyzes your Figma designs by extracting design tokens, component structures, and visual properties. It evaluates quality and consistency, audits against best practices and standards, and provides automated feedback and insights on your design work.","q":"Can I analyze my Figma file with this tool?"},{"a":"Figma Design Analyzer evaluates design quality by analyzing and assessing your Figma files for consistency and adherence to best practices. It reviews design metrics and performance, checks compliance with standards, and delivers actionable insights to help optimize your designs.","q":"How does Figma Design Analyzer evaluate design quality?"},{"a":"Figma Design Analyzer provides automated feedback on design metrics, component hierarchies, and visual properties. It offers insights on design performance, identifies areas for optimization, and generates implementation-ready specifications that developers can use directly.","q":"What kind of feedback does Figma Design Analyzer provide?"},{"a":"Yes. Figma Design Analyzer audits your Figma designs against best practices and standards. It classifies design elements using Atomic Design methodology and ensures your designs meet quality benchmarks for consistency and compliance.","q":"Does Figma Design Analyzer audit designs against standards?"},{"a":"Figma Design Analyzer generates comprehensive documentation including design tokens, component hierarchies, visual properties, and implementation-ready specifications. The output is structured for developers and includes performance metrics and optimization recommendations.","q":"What output does Figma Design Analyzer generate?"}],"shadow_tags":["design-quality","figma-integration","design-audit","ui-ux-analysis","design-metrics","automated-review","design-feedback","asset-inspection"],"summary_rewrite":"This skill systematically processes Figma files to produce implementation-ready design specifications. It extracts design tokens, component hierarchies, and visual properties while classifying elements according to Atomic Design methodology, then generates comprehensive documentation for developers."},"gist":{"api_url":"https://skillfed.io/api/skills/xtone/ai_development_tools/figma-design-analyzer.json","as_of":"2026-06-05","description":"Figma Design Analyzer extracts and evaluates Figma designs to generate structured specifications.","install":{"manual":["git clone https://github.com/xtone/ai_development_tools","cp -r ai_development_tools ~/.claude/skills/figma-design-analyzer"],"primary":"npx skillfed install xtone/ai_development_tools/figma-design-analyzer","version":"2d15f959"},"kind":"skill","mirror_url":"https://skillfed.io/xtone/ai_development_tools/figma-design-analyzer.md","similar":[{"id":"bobmatnyc/claude-mpm-skills/tailwind","name":"tailwind","publisher":"bobmatnyc/claude-mpm-skills","url":"https://skillfed.io/bobmatnyc/claude-mpm-skills/tailwind"},{"id":"xtone/ai_development_tools/nextjs-react-implementation","name":"Nextjs React Implementation","publisher":"xtone/ai_development_tools","url":"https://skillfed.io/xtone/ai_development_tools/nextjs-react-implementation"},{"id":"manutej/luxor-claude-marketplace/tailwind-css","name":"Tailwind Css","publisher":"manutej/luxor-claude-marketplace","url":"https://skillfed.io/manutej/luxor-claude-marketplace/tailwind-css"},{"id":"patricio0312rev/skills/design-to-component-translator","name":"design-to-component-translator","publisher":"patricio0312rev/skills","url":"https://skillfed.io/patricio0312rev/skills/design-to-component-translator"},{"id":"patricio0312rev/skills/responsive-design-system","name":"responsive-design-system","publisher":"patricio0312rev/skills","url":"https://skillfed.io/patricio0312rev/skills/responsive-design-system"}],"title":"Figma Design Analyzer by xtone: Analyze and evaluate Figma \u2014 SkillFed","use":{"when":["Yes.","Figma Design Analyzer evaluates design quality by analyzing and assessing your Figma files for consistency and adherence to best practices."]},"what":{"lead":"Figma Design Analyzer extracts and evaluates Figma designs to generate structured specifications for implementation.","rest":"This skill systematically processes Figma files to produce implementation-ready design specifications. It extracts design tokens, component hierarchies, and visual properties while classifying elements according to Atomic Design methodology, then generates comprehensive documentation for developers."}},"id":"xtone/ai_development_tools/figma-design-analyzer","install":{"mode":"external","repo":"https://github.com/xtone/ai_development_tools"},"links":{"html":"https://skillfed.io/xtone/ai_development_tools/figma-design-analyzer","md":"https://skillfed.io/xtone/ai_development_tools/figma-design-analyzer.md","repo":"https://github.com/xtone/ai_development_tools"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":0,"language":"JavaScript","last_updated":"2026-06-05","license":null,"name":"Figma Design Analyzer","publisher":"xtone","stars":3},"relations":{"similar":[{"id":"bobmatnyc/claude-mpm-skills/tailwind"},{"id":"xtone/ai_development_tools/nextjs-react-implementation"},{"id":"manutej/luxor-claude-marketplace/tailwind-css"},{"id":"patricio0312rev/skills/design-to-component-translator"},{"id":"nahisaho/MUSUBI/ui-ux-designer"},{"id":"patricio0312rev/skills/responsive-design-system"},{"id":"Pixel-Process-UG/superkit-agents/ui-design-system"},{"id":"pedronauck/skills/design-spec-extraction"},{"id":"Gentleman-Programming/Gentleman-Skills/tailwind-4"},{"id":"skills-il/localization/hebrew-tailwind-preset"}]},"slug":{"owner":"xtone","repo":"ai_development_tools","skill":"figma-design-analyzer"},"version":"2d15f959"}