Skills
.Work. You
Rest

discover-and-convert

Community

Convert Figma layers into reusable components.

Design & Creative#automation#figma#component#convert#design-system#mapping#discover
AuthorThanapatJutha
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates the identification and conversion of Figma page content into reusable components to streamline design-to-code handoffs.

Core Features & Use Cases

  • Identify potential component candidates by scanning the page (frames, groups, and shapes).
  • Convert eligible nodes into components and preserve dimensions and mappings.
  • Save component specs and mappings to the project's figma sync directory for consistent code-generation.

Quick Start

Open a Figma page, confirm the candidate components, and run the convert command to generate component specs and mappings.

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: discover-and-convert
Download link: https://github.com/ThanapatJutha/th_gene2-figma-mcp/archive/main.zip#discover-and-convert

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.