Figma for Claude, Cursor, ChatGPT & agents
Figma — read Figma file document trees, list components and styles (colors / text / effects / grids), read file comments, and export frames or nodes as PNG / JPG / SVG / PDF via the Figma REST API
curl -fsSL https://syncorelabs.ai/install.sh | shmacOS / Linux. Windows + manual install.
What it does
Figma — read Figma file document trees, list components and styles (colors / text / effects / grids), read file comments, and export frames or nodes as PNG / JPG / SVG / PDF via the Figma REST API. Use when the user mentions Figma, design file, mockup, prototype, design tokens, components, or wants to inspect / export designs from Figma.
The Figma skill is one of 75+ pre-wired Syncore integrations that any MCP-compatible client — Claude Desktop, Claude Code, Cursor, Windsurf, Codex CLI, and ChatGPT desktop — can call out of the box. You don't configure MCP servers or copy API keys into a JSON file; the Syncore daemon discovers the skill at startup and exposes its tools to whichever AI client is running.
Sample prompts
Once Syncore is installed and Figma is connected, ask your agent something like:
- “Read the Figma file 'Onboarding v3' and list every frame name.”
- “Export the 'Pricing Page' frame as a PNG.”
- “Pull all comments off the 'Mobile Redesign' file and group by reviewer.”
Tools available (5)
figma__get_fileRead / fetch a Figma file's full document tree and metadata by file_key (parsed from the file URL). Use when the user wants to inspect the design structure, layers, frames, or pages of a Figma file.
figma__get_componentsList the published components / design-system pieces in a Figma file. Use when the user wants to inspect their component library, check naming, or audit reusable design tokens.
figma__get_stylesList the design styles defined in a Figma file — colors, typography / text styles, effects (shadows, blurs), and grid styles. Use when the user wants to extract design tokens or audit theming.
figma__export_frameRender / export one or more Figma nodes (frames, components) to PNG, JPG, SVG, or PDF and return temporary image URLs. Use when the user wants to grab images of designs, embed them in a doc, or hand off assets. Supports node_id (comma-separated), format, and scale (e.g. 2x).
figma__read_commentsRead / list comments and reply threads left on a Figma file. Use when the user wants to triage design feedback, summarize reviewer notes, or follow up on open questions in the design.
How to connect
Figma needs a provider API key to talk to figma. Connect it from the Syncore dashboard:
- Run
curl -fsSL https://syncorelabs.ai/install.sh | shon macOS / Linux (or the PowerShell command on Windows). - Run
syncore loginto create your account and a device-bound encryption key. - Visit syncorelabs.ai/connect and authorize Figma.
- Run
syncore updateto sync the skill + credentials to every installed AI client.
Pricing
Free at every Syncore tier. Connect your account once at /connect; the OAuth or API-key credential stays encrypted on your machine and syncs to your other devices via the Syncore vault.
See the full Syncore pricing breakdown — Free $0/mo, Pro $29/mo, Ultra $99/mo — on the homepage.