All integrations

How to connect Figma to Claude

Pull design context, components, and Dev Mode specs from Figma so marketing and eng align on what shipped without screenshot threads.

Start freeRead the Figma docs

Figma

Design context for cross-functional launches.

Figma holds the source of truth for UI and brand. Connect it in Faction so chat can read components, layout specs, and Dev Mode details alongside briefs in Notion or tasks in Asana.

Connect once at the org level

Set up Figma a single time instead of asking everyone to paste their own keys into Claude.

Workspace boundaries

Give design and other teams the Figma tools they need without one shared bundle for the whole company.

Tool-scoped access

Each workspace URL exposes only the Figma actions admins turn on, not every connector in your org.

Works across AI clients

Use the same workspace URL in Claude, Cursor, ChatGPT, or any MCP client your team prefers.

Step by step

Connect Figma to Claude

Six steps from a fresh organization to chatting with Figma inside Claude.

01

Create your Faction organization

Sign up free and create an organization. This is where admins connect tools once, so teammates never wire up their own integrations.

02

Connect Figma from the catalog

Open the integration catalog in Faction and connect Figma with OAuth. Pick a shared org connection or let each teammate sign in with their own account.

03

Bundle Figma into a workspace

Create a workspace for the team that needs it, such as design, and add Figma. Admins choose exactly which tools are on for that workspace.

04

Copy your workspace MCP URL

Every workspace exposes one MCP URL with only the tools you enabled. Copy it from the workspace settings in Faction.

05

Add the URL to Claude

In Claude, go to Settings, then Connectors and add your Faction workspace URL.

  • Open Claude and go to Settings, then Connectors.
  • Choose Add custom connector and paste your Faction workspace MCP URL.
  • Approve the connection. Claude lists only the tools from the workspace you enabled.

06

Start chatting

Ask Claude to use Figma in plain language. Faction handles auth and scopes behind one URL.

  • "What components are on the pricing page frame?"
  • "Summarize spacing specs for the hero section."
  • "List variants used in the primary button component."

Your workspace URL

One link connects your whole team.

Faction gives your team a shared AI workspace that plugs into the tools you already use. Each workspace gets one link (an MCP URL) that includes only the tools your admins turn on. Paste it into Claude once and everyone is connected. No keys to copy, nothing to set up per person.

https://yourcompany.runfaction.com/mcp/your-workspace

What the MCP server can do

  • Read file and frame context

    Inspect pages, frames, and structure for the files your workspace can access.

  • Browse components and styles

    See which components and tokens a screen uses.

  • Dev Mode specifications

    Pull spacing, typography, and export details for implementation questions.

  • Generate design summaries

    Describe layouts and variants for stakeholders who do not live in Figma.

Use cases

  • Marketing and product alignment

    Confirm what the pricing page or campaign landing looks like before copy goes live.

  • Implementation handoffs

    Answer spacing and component questions without pinging design for every detail.

  • Launch reviews

    Compare shipped UI to the approved frame during QA.

FAQs

  • Do I have to set up Figma for every teammate?

    No. An admin connects Figma once at the org level. Teammates just add the workspace URL to Claude and start chatting.

  • How does authentication work?

    Faction uses OAuth for Figma. Credentials stay on Faction, so teammates never paste keys into their AI app.

  • Does this work with Claude?

    Yes. Claude supports remote MCP connectors, so you can point it at any Faction workspace URL and use the tools that workspace allows.

  • Can I control which tools Claude can use?

    Yes. Each workspace exposes only the tools admins turn on, so the URL you share never grants more than intended.

Connect Figma to Claude in minutes.

Create an organization, connect Figma, and bundle it into a workspace your team can use from Claude.

Start free