mcp-server-guide
A guide on how to use the Figma MCP server
Resolve MCP server connection issues with this diagnostic guide. Troubleshoot config errors, outdated extensions, and blocked localhost assets for seamless Figma integration.
Understanding the whoami Tool and Authentication in Figma MCPLearn 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.
Using generate_figma_design for Web-to-Figma Conversion: The Parallel Workflow ExplainedLearn how generate_figma_design converts web pages to Figma layers. Explore the parallel workflow that combines visual accuracy with component integrity for efficient design.
Figma Font Loading Requirements Before Text Operations: Complete Plugin GuideAvoid Figma plugin errors. Learn essential font loading requirements using await figma loadFontAsync before text operations. Master this critical step for smooth plugin development.
Page Switching and Context Management in use_figma: A Complete GuideMaster page switching and context management in use_figma. Learn how to explicitly set current pages and navigate your designs for efficient workflow.
Creating Component Variants Programmatically in Figma: A Complete GuideLearn to create Figma component variants programmatically using the createComponentWithVariants helper. Automate Cartesian product combinations and build ComponentSetNodes efficiently.
Working with Variable Collections and Modes in Figma: A Complete Guide to Design TokensMaster Figma variable collections and modes with this guide. Learn to manage design tokens and implement multi-theme support efficiently using the Figma Plugin API.
Error Recovery Patterns in the use_figma Plugin APIImplement robust error recovery in your Figma plugins. The use_figma API ensures atomic execution for safe retries and prevents partial modifications to your files.
Understanding figma-use Skill Critical Rules and API Constraints: A Complete MCP GuideMaster 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.
Generating FigJam Diagrams from Mermaid Syntax: Figma MCP Server GuideEasily generate FigJam diagrams from Mermaid syntax using the generate_diagram tool. Automate flowchart creation for AI agents, saving time and effort.
How to Search Design System Libraries with `search_design_system` in Figma MCPEffortlessly search Figma design system libraries with search_design_system. Find existing components, variables, and styles to maximize reuse and prevent duplicates.
Figma MCP Rate Limits and Billing: A Developer’s GuideUnderstand 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.
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:
curl -s "https://instagit.com/install.md" Maintain an open-source project? Get it listed too →