Skills
.Work. You
Rest

figma-to-spec

Community

Streamline Figma design to feature spec conversion with spec-first principles.

Software Engineering#software design#figma#feature specification#user story#spec-first
Authorkirvin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill bridges the gap between Figma design and code, automating the creation of feature specifications, reducing design handoff bottlenecks.

Core Features & Use Cases

  • Figma to Spec Conversion: Automatically transforms Figma URLs into detailed feature specifications.
  • Spec Generation: Outputs user stories, acceptance criteria, and implementation notes for developers.
  • Use Case: Before beginning frontend development, activate this Skill with a Figma URL to get a comprehensive spec to guide the implementation process.

Quick Start

Activate the figma-to-spec skill with a Figma design URL: 'activate figma-to-spec <figma-url>'

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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-to-spec
Download link: https://github.com/kirvin/agent-dev-harness/archive/main.zip#figma-to-spec

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 620,000+ vetted skills library on demand.