Set variant or boolean component properties on a Figma instance. Use single property mode or batch mode to set multiple variants at once, ensuring valid axis combinations.
MIT
133,617 tools. Last updated 2026-05-25 10:03
"How to use Figma" matching MCP tools:
- List text, color, and effect styles from the current Figma file with an optional name filter, returning style IDs and keys for use in style preloading and text creation.MIT
- List all pages in a Figma document with their IDs and names to identify the correct pageId before making page changes.MIT
- Pull design tokens, components, and styles from Figma into the local registry. Use after designer updates to keep your codebase in sync.MIT
- Update a design token value in the local registry and optionally push the change to Figma for immediate propagation.MIT
- Check the Figma WebSocket bridge server health and connection state. Use this tool as the first diagnostic step to verify bridge connectivity before calling Figma-dependent tools.MIT
Matching MCP Servers
- Alicense-qualityCmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated74MIT
- AlicenseBqualityDmaintenanceAn MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.Last updated191,6416,765MIT
Matching MCP Connectors
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
Transform any blog post or article URL into ready-to-post social media content for Twitter/X threads, LinkedIn posts, Instagram captions, Facebook posts, and email newsletters. Pay-per-event: $0.07 for all 5 platforms, $0.03 for single platform.
- Learn how to locate NeoSQL project and connection IDs. Use listConnections to find available connectionId/schema pairs.Apache 2.0
- Retrieve the previous Figma API response from session state to recover context or reference data without making new API calls.
- Pull design tokens, components, and styles from Figma via REST API without using a plugin or Figma Desktop. Ideal for CI, headless, or remote environments.MIT
- Retrieve all pages from a Figma file with names, IDs, and frame counts. Manage large files through pagination for efficient navigation and analysis.
- Discover available Figma developer documentation sections including Plugin API, Widget API, REST API, and more to identify specific pages for reading.MIT
- Retrieve the SKILL.md instruction manual and file structure of an installed skill to understand how to use it after installation.MIT
- Clear all session state to start fresh when switching Figma files, re-exploring from scratch, or resolving corrupted sessions.
- Converts a Figma node URL to a code block by fetching the node and its rendered image from the Figma API.MIT
- Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.Mozilla Public 2.0
- Reverse-lookup a Figma node ID or URL to find corresponding Aurum components, code mappings, or icons. Ideal for designers wanting to identify the code behind a Figma element.MIT
- Retrieve detailed information about the current Figma document to understand its structure and contents for design analysis.MIT
- Simulate slow or offline network conditions to test how pages behave. Use reset to restore normal conditions.Apache 2.0
- Retrieve all local components from a Figma document to access design elements for programmatic use.MIT
- Retrieve details about currently selected elements in Figma designs to enable programmatic reading and modification through Cursor AI integration.MIT