Name: Figma Analyze
Author: PeterBooker

Figma Design Analysis

Analyze the provided Figma design and extract a structured specification for WordPress theme generation.

Input

$ARGUMENTS

Design Tokens — Extract:
- Color palette (primary, secondary, accent, neutrals) with hex values
- Typography scale (font families, sizes, weights, line heights)
- Spacing scale (padding, margins, gaps)
- Border radii, shadows, and other effects
Component Inventory — Identify:
- Header/navigation patterns
- Footer layout
- Content sections (hero, features, testimonials, CTA, etc.)
- Card/grid patterns
- Button styles and states
- Form elements
Layout Structure — Map:
- Page templates (home, about, contact, blog, single post)

Analyze the provided Figma design and extract a structured specification for WordPress theme generation.

$ARGUMENTS

Design Tokens — Extract:
- Color palette (primary, secondary, accent, neutrals) with hex values
- Typography scale (font families, sizes, weights, line heights)
- Spacing scale (padding, margins, gaps)
- Border radii, shadows, and other effects
Component Inventory — Identify:
- Header/navigation patterns
- Footer layout
- Content sections (hero, features, testimonials, CTA, etc.)
- Card/grid patterns
- Button styles and states
- Form elements
Layout Structure — Map:
- Page templates (home, about, contact, blog, single post)