Extracts high-fidelity design assets, metadata, and design tokens directly from Figma files via the REST API.
Figma Analyzer is a specialized Claude Code skill designed to bridge the gap between UI/UX design and frontend development. It enables Claude to programmatically access Figma files to export frames or components as images, retrieve hierarchical metadata, and extract design tokens like color palettes and typography. By automating the retrieval of design specifications, it streamlines UI research and implementation, especially when paired with multimodal AI for visual analysis and design-to-code workflows.
Características Principales
01Detailed metadata retrieval for file structure, node properties, and version history.
02Multi-format asset export (PNG, SVG, JPG, PDF) with configurable scaling up to 4x.
03Smart Figma URL parsing for targeting specific frames, components, or entire files.
04Automated extraction of design tokens including colors, typography, and effect styles.
057 GitHub stars
06Seamless integration with multimodal AI workflows for comprehensive visual UI research.
Casos de Uso
01Syncing Figma design tokens directly into CSS or JSON for design system maintenance.
02Automating the export of UI assets for frontend development and project documentation.
03Conducting deep UI audits by combining Figma metadata with visual AI analysis.
