# Figma — AI Connector

Figma publishes 9 MCP tools to Claude and is listed in the ChatGPT apps directory. Marketplace availability, tool surface, verification tier, and what Node8 measured against the live endpoint.

Source: https://node8.ai/ai-connectors/creative-design/figma/

---

[AI Connectors](https://node8.ai/ai-connectors/) · [Creative & Design](https://node8.ai/ai-connectors/creative-design/)

# Figma

Design-to-code work between Figma files and a codebase

Listed in ChatGPT and Claude · 9 published tools · Verified partner

[ChatGPT listing](https://chatgpt.com/plugins/figma?open_in_app) [Claude connector docs](https://help.figma.com/hc/en-us/articles/32132100833559) [figma.com](https://www.figma.com)

Overview

## What Figma does

The Figma app connects ChatGPT to Figma files for implementation work. It can inspect a design and produce code from it, and it can also write back: creating a new file, generating a library, or building a screen in Figma.

Code Connect templates are part of the offering, mapping published components to their code counterparts so later handoffs refer to the same source. The app can also generate design system rules specific to a project, which points at repeat conversions rather than one-off screens.

Skills cover diagrams, motion implementation, and SwiftUI output alongside the general design-to-code path. Listed capabilities are read, write, and interactive.

### Who it is for

Front-end developers and design system maintainers who move work between Figma files and application code.

### What stands out

Code Connect templates and project-level design system rules aim at repeatability, not a single screen conversion.

Availability

## Where Figma is listed

Figma ships this on both marketplaces: Figma is listed in the Claude connectors directory and in the ChatGPT apps directory, under the same publisher domain.

Only 392 of the 3,150 products in this directory are listed in both marketplaces. One MCP server can serve both surfaces; what differs is each platform's listing and review process.

ChatGPT listing

## In the ChatGPT apps directory

Developer

Figma

Filed under

Creativity

Listed since

May 2026

Authentication

Authenticates when installed

Website

[figma.com](https://www.figma.com)

Policies published

Privacy policy · Terms of service

Official listing

[Open in ChatGPT](https://chatgpt.com/plugins/figma?open_in_app)

Snapshot

August 2026

### Named skills

Figma declares 12 named skills, which puts it in the 6.7% of ChatGPT-listed apps that do.

-   **figma-code-connect**
-   **figma-create-new-file**
-   **figma-design-to-code**
-   **figma-generate-design**
-   **figma-generate-diagram**
-   **figma-generate-library**
-   **figma-implement-motion**
-   **figma-swiftui**

### Example prompts from the listing

-   Inspect a Figma design and implement it in code
-   Create Code Connect templates for my components
-   Build or update a screen in Figma

Claude listing

## In the Claude connectors directory

Figma publishes 9 tools to Claude. That is a mid-sized surface: 41.3% of the 1,253 Claude-listed connectors expose fewer.

That is exactly the median for Claude-listed connectors under Creative & Design, where 17 publish counts and 9 is the middle of the distribution.

It falls in the 7-10 tools band, which holds 14.6% of the Claude directory.

Figma publishes a remote MCP endpoint. Claude connects to it over HTTP; there is nothing to install locally.

Every connector in the Claude directory is remote, all 1,253 of them, so transport is not a differentiator there.

Publisher

Figma

Verification

Verified partner (37.8% of the Claude directory)

Filed under

Creative & Design

Endpoint

`https://mcp.figma.com/mcp`

Documentation

[Publisher setup docs](https://help.figma.com/hc/en-us/articles/32132100833559)

Published tools

9 · 7-10 tools band

Depth rank in Creative & Design

9 of 17

Snapshot

August 2026

Figma carries partner verification in the Claude directory, which 474 of 1,253 listings do (37.8%). That is a review step past self-publishing, not an Anthropic-built server.

In the publisher's words

## How Figma describes it

> The Figma MCP server helps you pull in Figma context and generate high-quality code that aligns with your codebase and design intent. Use the MCP server to retrieve code resources from Figma Design or Make files, and turn your ideas into production apps. \*\*Key features:\*\* • \*\*Generate code from selected frames or nodes\*\* - Select a frame in Figma or provide a node URL to have an AI agent turn your design into code. • \*\*Extract design context from layers\*\* - Pull out variables, components, and layouts from a design to ensure builds adhere to design patterns. • \*\*Code smarter with Code Connect\*\* - Boost output quality by reusing your actual components, the MCP server informs AI agents about existing components derived from Code Connect information. • \*\*Map your flows with diagrams\*\* - The Figma MCP server can turn your Claude prompts into flow charts, Gantt charts, or other diagrams in FigJam. \*\*Note:\*\* The get\_screenshot tool is currently limited to returning a descripton of screenshots in Figma when called in Claude and Claude Code. See developer term \[here\](https://www.figma.com/legal/developer-terms/)

Quoted from the connector's own Claude directory listing as captured in August 2026. Node8 did not write it and does not vouch for it.

Nearby

## Other Creative & Design connectors

### [Color Designer - Palette Maker](https://node8.ai/ai-connectors/creative-design/color-designer-palette-maker/)

Editable color palettes generated from a description

ChatGPT

### [Fal](https://node8.ai/ai-connectors/creative-design/fal/)

Access to Fal generation models and job workflows

ChatGPT

### [LogoGenic Image Generator](https://node8.ai/ai-connectors/creative-design/logogenic-image-generator/)

Generates images from a description with style options

ChatGPT

### [Mermaid Chart](https://node8.ai/ai-connectors/creative-design/mermaid-chart/)

Validate and render Mermaid diagrams in chat

Claude · ChatGPT

### [Picsart](https://node8.ai/ai-connectors/creative-design/picsart/)

Generate video, images, and audio from many models

ChatGPT

### [Runway](https://node8.ai/ai-connectors/creative-design/runway/)

Generate and edit video clips from prompts or images

ChatGPT

[All 92 Creative & Design connectors](https://node8.ai/ai-connectors/creative-design/)

This is an independent catalogue entry compiled by Node8 from Figma's public marketplace listings as they stood in August 2026. Listing facts come from the marketplaces; the comparisons against the rest of the directory and any live-endpoint measurements are Node8's. Node8 is not affiliated with Figma, and inclusion here is not an endorsement.

## Want your company reachable inside ChatGPT and Claude?

Node8 builds MCP servers end to end: deciding which tools are worth exposing, the authentication and permission model, the review submissions, and the onboarding that gets them used. One server serves ChatGPT, Claude, and Microsoft Copilot.

[See how it works](https://node8.ai/mcp) Book a strategy session
