Skills
.Work. You
Rest

b2b-backend-figma-collector

Official

Turn Figma designs into structured design context.

Design & Creative#ocr#markdown#figma#metadata#design-context#spec-extraction
Authorherren-official
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Figma Collector automates turning a Figma URL into a structured design context that captures section trees and spec text, then saves it as figma_context.md for downstream agents.

Core Features & Use Cases

  • Extracts page, section, and frame structures from Figma as a navigable map.
  • Identifies and organizes spec-related text into per-node components (Summary-Content, Summary-Title).
  • Generates a consolidated figma_context.md and supports OCR-based text capture with fallbacks for missing or unclear text.

Quick Start

Provide a Figma URL and a destination path; the collector will produce figma_context.md with a structured context.

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: b2b-backend-figma-collector
Download link: https://github.com/herren-official/product-agents/archive/main.zip#b2b-backend-figma-collector

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.