figma-design-react

Official

Turn Figma designs into ready React APIs.

Authorbitovi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Translates Figma designs into actionable React component specifications to bridge design and implementation.

Core Features & Use Cases

  • Proposes a component API that mirrors Figma variants and nested structures.
  • Generates design-context and a proposed API document to guide development.
  • Supports end-to-end analysis from design context to a ready-to-implement API blueprint.

Quick Start

Provide a Figma design URL to generate a design-context and a proposed React component API.

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-design-react
Download link: https://github.com/bitovi/carton-case-management/archive/main.zip#figma-design-react

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.