mcp-server-guide

A guide on how to use the Figma MCP server

20 articles 800 View on GitHub ↗
20 articles
Troubleshooting MCP Server Connection Issues: Complete Diagnostic Guide

Resolve MCP server connection issues with this diagnostic guide. Troubleshoot config errors, outdated extensions, and blocked localhost assets for seamless Figma integration.

how-to-guide
Mar 30, 2026
Understanding the whoami Tool and Authentication in Figma MCP

Learn about the whoami tool and authentication in Figma MCP. Discover how this mandatory first step authenticates users and retrieves identity details for secure platform access.

how-to-guide
Mar 30, 2026
Using generate_figma_design for Web-to-Figma Conversion: The Parallel Workflow Explained

Learn how generate_figma_design converts web pages to Figma layers. Explore the parallel workflow that combines visual accuracy with component integrity for efficient design.

how-to-guide
Mar 30, 2026
Figma Font Loading Requirements Before Text Operations: Complete Plugin Guide

Avoid Figma plugin errors. Learn essential font loading requirements using await figma loadFontAsync before text operations. Master this critical step for smooth plugin development.

how-to-guide
Mar 30, 2026
Page Switching and Context Management in use_figma: A Complete Guide

Master page switching and context management in use_figma. Learn how to explicitly set current pages and navigate your designs for efficient workflow.

how-to-guide
Mar 30, 2026
Creating Component Variants Programmatically in Figma: A Complete Guide

Learn to create Figma component variants programmatically using the createComponentWithVariants helper. Automate Cartesian product combinations and build ComponentSetNodes efficiently.

how-to-guide
Mar 30, 2026
Working with Variable Collections and Modes in Figma: A Complete Guide to Design Tokens

Master Figma variable collections and modes with this guide. Learn to manage design tokens and implement multi-theme support efficiently using the Figma Plugin API.

how-to-guide
Mar 30, 2026
Error Recovery Patterns in the use_figma Plugin API

Implement robust error recovery in your Figma plugins. The use_figma API ensures atomic execution for safe retries and prevents partial modifications to your files.

api-reference
Mar 30, 2026
Understanding figma-use Skill Critical Rules and API Constraints: A Complete MCP Guide

Master figma-use skill critical rules and API constraints. Learn about mandatory JSON returns, async/await, and immutable arrays for reliable Figma Plugin API edits. Get the complete MCP guide.

how-to-guide
Mar 30, 2026
Generating FigJam Diagrams from Mermaid Syntax: Figma MCP Server Guide

Easily generate FigJam diagrams from Mermaid syntax using the generate_diagram tool. Automate flowchart creation for AI agents, saving time and effort.

how-to-guide
Mar 30, 2026
How to Search Design System Libraries with `search_design_system` in Figma MCP

Effortlessly search Figma design system libraries with search_design_system. Find existing components, variables, and styles to maximize reuse and prevent duplicates.

how-to-guide
Mar 30, 2026
Figma MCP Rate Limits and Billing: A Developer’s Guide

Understand Figma MCP rate limits and billing for developers. Learn about monthly call limits for read-only tools and per-minute limits for Dev/Full seats. Write-capable tools are exempt.

guide
Mar 30, 2026

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"

Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →