figma-context

Community

Figma context with browser fallback

AuthorJuanJoseGonGi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides design context from Figma when the primary MCP (Machine Communication Protocol) is rate-limited or unavailable, ensuring design implementation can continue.

Core Features & Use Cases

  • MCP Rate-Limit Handling: Automatically switches to browser-based extraction when MCP errors occur (e.g., 429 Too Many Requests).
  • Browser Fallback: Utilizes agent-browser for direct Figma interaction when MCP fails.
  • Token Efficiency: Provides specific patterns for minimizing token usage during browser automation.
  • Use Case: When implementing a UI design from Figma, if you encounter rate limit errors from the MCP, this skill will seamlessly use browser automation to fetch the necessary design details.

Quick Start

Use the figma-context skill to get design properties from the Figma URL.

Dependency Matrix

Required Modules

agent-browser

Components

references

💻 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-context
Download link: https://github.com/JuanJoseGonGi/skills/archive/main.zip#figma-context

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