📦 figma-design-analyzer — Figma设计分析器

Overview

This skill enables analysis of Figma design files to extract design system data and validate implementations.

Features

• Design System Extraction: Extract colors, typography, spacing, and components
• Screenshot Export: Export design screenshots
• Implementation Validation: Compare designs against actual code implementations

Usage

npm install figma-design-analyzer

Configuration

Required environment variables:

• FIGMA_API_KEY: Your Figma API token
• FIGMA_FILE_KEY: The Figma file ID to analyze

Example

const analyzer = require('figma-design-analyzer');
analyzer.analyze('file-key', {
  extractColors: true,
  extractTypography: true,
  extractComponents: true
}).then(results => {
  console.log(results);
});