analyze-figma

Community

Turn Figma links into structured reports.

Authorryanallen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Figma design reviews often require translating complex design structures into actionable insights and documentation. This skill automates the extraction of design metadata and context to produce a comprehensive report.

Core Features & Use Cases

  • Metadata extraction: pull file, pages, frames, components structure to understand the design hierarchy.
  • Design context: spacing, tokens, typography, and color data for key layers and frames.
  • Report generation: produce a single structured Markdown report or subtree-focused analysis depending on whether the link is general or node-specific.

Quick Start

Provide a valid Figma design URL and the tool will generate a structured report.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: analyze-figma
Download link: https://github.com/ryanallen/Studio/archive/main.zip#analyze-figma

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.