figma-design

Installation
SKILL.md

[IMPORTANT] Use TaskCreate to break ALL work into small tasks BEFORE starting.

Quick Summary

Goal: Extract structured design context from Figma designs for downstream use by design-spec and planning skills.

Workflow:

  1. Detect Input — Parse Figma URL, extract file key + node ID
  2. Select Extraction Method — 4-level fallback chain
  3. Extract Context — Design tokens, components, layout, typography
  4. Output Artifact — Structured markdown for design-spec consumption

Key Rules:

Frontend/UI Context (if applicable)

When this task involves frontend or UI changes,

Related skills
Installs
7
GitHub Stars
6
First Seen
Mar 21, 2026