figma-screenshot

Capture full-page screenshots of Figma prototypes via Playwright.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/adamway/thoughts-cli --skill figma-screenshot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-screenshot
Source: https://github.com/adamway/thoughts-cli/tree/main/.claude/skills/figma-screenshot
Command: npx skills add https://github.com/adamway/thoughts-cli --skill figma-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, tsx, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of capturing comprehensive visual snapshots of Figma Make prototypes, enabling quick reviews and comparisons without manual screenshotting.

Core Features & Use Cases

  • Automated Crawling: Navigate through all pages of a locally-running Figma Make prototype, capturing full-page screenshots.
  • Organized Output: Store screenshots organized by navigation sections, with metadata for each page.
  • Use Case: A designer wants to generate a visual audit of every app page to review changes or prepare presentation materials; this Skill automates that process efficiently.

Quick Start

Use the figma-screenshot skill to crawl your running prototype and generate screenshots of all pages for visual documentation.

Frequently Asked Questions about figma-screenshot

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate full-page screenshots of a Figma prototype for visual review?

You can automate full-page screenshots of a Figma prototype by using Playwright to navigate app routes, capture images organized by sections, and generate a metadata manifest for visual review.

Do I need a local development server running to capture Figma prototype screenshots?

Yes, capturing Figma prototype screenshots requires an active local development server because the automation relies on Playwright to navigate and capture the locally running prototype pages.

Can I use Playwright to crawl and document every page route in a Figma Make prototype?

Yes, you can use Playwright to crawl a Figma Make prototype, navigating through all app routes to document every page and generate a comprehensive visual audit for design reviews.

What is the best way to organize prototype screenshots for a design audit?

The best way to organize prototype screenshots for a design audit is to group them by navigation sections and generate a metadata manifest, ensuring every page route is systematically documented.

Does this screenshot automation tool require installing tsx and playwright?

Yes, this screenshot automation requires installing both Playwright for headless browser control and tsx to execute the scripts that crawl and capture the Figma prototype routes.