visual-test-figma
CommunityAutomate visual testing against Figma designs
Design & Creative#automation#figma#playwright#ui-testing#screenshot#visual-testing#design-validation
Authorrayzru
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Visual QA testing is tedious and error-prone when validating UI implementations against design specifications; this skill automates capturing design screenshots from Figma and comparing them to live implementations to reduce manual effort.
Core Features & Use Cases
- Automates extraction of Figma design references and takes implementation screenshots
- Performs automated visual comparisons to identify layout, spacing, and color mismatches
- Use Case: verify a new UI page matches the provided Figma design before release
Quick Start
Compare your implementation against a Figma design by running the visual-test-figma command with a Figma node ID and a live URL to your page.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: visual-test-figma Download link: https://github.com/rayzru/info-web/archive/main.zip#visual-test-figma Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.