Skills
.Work. You
Rest

figma-researcher

Community

Research Figma designs

Design & Creative#design#research#implementation#figma#tokens#specs
Authorguicheffer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers quickly gather implementation details from Figma designs, reducing the time spent on manual design spec extraction and auditing.

Core Features & Use Cases

  • Extract Design Specs: Get colors, spacing, typography, and layout information.
  • Audit Design Tokens: Map visual elements to design system tokens.
  • Verify Implementations: Ensure code matches the approved designs.
  • Use Case: When implementing a new UI component based on a Figma design, use this skill to extract all necessary properties like colors, spacing, and font details to ensure accurate development.

Quick Start

Use the figma-researcher skill to get design context for the Figma file at https://www.figma.com/file/example_file_id/example_node_id.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-researcher
Download link: https://github.com/guicheffer/devorch-cli/archive/main.zip#figma-researcher

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.