Agent skill · design visual · sundial-org
figma
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Why this skill is useful
Adds multiple executable scripts for Figma file analysis, asset export, and accessibility auditing that extend the AI's capabilities.
What it needs
Requires python installed locally. Requires figma account access. About 4k tokens when loaded. Last updated 2026-03-07. 639 stars on the source repository.
What this skill does
Figma Design Analysis & Export Professional-grade Figma integration for design system analysis, asset export, and comprehensive design auditing. Core Capabilities 1. File Operations & Analysis File inspection: Get complete JSON representation of any Figma file Component extraction: List all components, styles, and design tokens Asset export: Batch export frames, components, or specific nodes as PNG/SVG/PDF Version management: Access specific file versions and branch information Example usage: "Export all components from this design system file" "Get the JSON data for these specific frames" "Show me all the colors and typography used in this file" 2. Design System Management Style auditing: Analyze color usage, typography consistency, spacing patterns Component analysis: Identify unused components, measure usage patterns Brand compliance: Check adherence to brand guidelines across files Design token extraction: Generate CSS/JSON design tokens from Figma styles Example usage: "Audit this design system for accessibility issues" "Generate CSS custom properties from these Figma styles" "Find all inconsistencies in our component library" 3. Bulk Asset Export Multi-format exports: Export assets as PNG, SVG, PDF, or WEBP Platform-specific sizing: Generate @1x, @2x, @3x assets for iOS/Android Organized output: Automatic folder organization by format or platform Client packages: Complete deliverable packages with documentation Example usage: "Export all components in PNG and SVG formats" "Generate complete asset package for mobile app development" "Create client deliverable with all marketing assets" 4. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sundial-org/figma