figma-design

Name: figma-design
Availability: InStock
Author: etylsarin

Community

Convert Figma designs to code with tokens.

Design & Creative #ui #figma #design-to-code #code-generation #design-tokens #design-systems #component-inspection

Authoretylsarin

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Convert Figma designs into code by extracting tokens, component specs, and asset export to streamline handoffs and implementation.

Core Features & Use Cases

Design-to-code translation for UI components
Design token extraction for typography, color, and spacing
Component inspection and asset export for design systems and handoffs

Quick Start

Translate a selected Figma frame into code by extracting tokens and mapping components to your UI library.

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
Download link: https://github.com/etylsarin/opencastle/archive/main.zip#figma-design

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.