dev-figma-capture

Installation
SKILL.md

Figma Capture

Capture web pages and convert them to editable Figma design files via Figma MCP.

Prerequisites

  • Figma MCP (remote) must be connected: claude mcp add --transport http figma https://mcp.figma.com/mcp
  • For Playwright path: playwright npm package available (global or local)

Workflow

Step 1: Parse Arguments

  • $ARGUMENTS contains one or more URLs and optional flags
  • --existing <fileKey> means add to existing file instead of creating new
  • If no URLs provided, ask the user

Step 2: Determine Capture Method

Installs
1
GitHub Stars
11
First Seen
Jul 22, 2026
dev-figma-capture — takazudo/claude-resources