Skills
.Work. You
Rest

figma-to-fse-autonomous-workflow

Official

Autonomously convert Figma designs to FSE themes.

Design & Creative#figma#autonomous#wordpress#design-tokens#theme.json#fse
AuthorPMDevSolutions
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates turning Figma design systems into production-ready WordPress FSE themes by orchestrating token extraction, theme.json generation, and automated template creation, enabling rapid, hands-off theme production from design files.

Core Features & Use Cases

  • Wholesale design token extraction (colors, typography, spacing, layout) from Figma via MCP
  • Theme.json foundation-first generation so template work never blocks
  • Autonomous template conversion (1-15 frames) with automatic validation and reporting
  • Robust error recovery (fallbacks to screenshot analysis, token addition, and continuous execution)
  • Ideal for design teams delivering production-ready FSE themes at scale, rapid prototyping, and automated deployments

Quick Start

Provide a Figma file URL and trigger the workflow; it will extract tokens, generate theme.json, survey templates, and execute autonomously after approval.

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: figma-to-fse-autonomous-workflow
Download link: https://github.com/PMDevSolutions/Flavian/archive/main.zip#figma-to-fse-autonomous-workflow

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 471,000+ vetted skills library on demand.