Figma

About Figma

Le serveur MCP de Figma apporte à Claude le contexte de tes fichiers de design : structure des écrans, composants, styles et variables. Claude s’en sert pour écrire le code d’une interface fidèle à la maquette, réutiliser les composants de ton design system ou expliquer et documenter un design. Très utilisé par les développeurs front-end avec Claude Code : on colle le lien d’un cadre Figma et Claude génère le composant correspondant. Exemples de demandes : « Code ce cadre Figma en React avec nos composants existants », « Quelles variables de couleur utilise cet écran ? », « Décris ce parcours d’inscription pour la documentation ». La connexion se fait avec ton compte Figma, sur les fichiers auxquels tu as accès. Figma applique des limites d’appels selon ton offre : très réduites avec un siège gratuit ou en lecture seule.

What it can do

The creator has not described the access yet.

Install Figma in Claude

An MCP connector links Claude to a service: Claude can then read or do things there for you, with your consent. It takes about two minutes.

1. 1Add it to your libraryClick “Add to my library” on this page: it is free and instant.
2. 2Copy the connector URLIn your library, select the product: its URL is shown with a “Copy” button.
3. 3Add it in ClaudeIn Claude (website or app), open Settings › Connectors, click “Add custom connector”, give it a name and paste the URL.
4. 4Connect your accountIf the service asks you to sign in (your Notion, GitHub… account), Claude opens its page: only grant the access you need.
5. 5Use it in a conversationTurn the connector on in the conversation’s tools menu, then just ask for what you want.

Before adding a product, read its permissions above. You can remove a connector or skill at any time in Claude’s settings.

Figma: frequently asked questions

Is Figma free?

Yes. Figma is free: add it to your Claude Market library, no bank card needed.

How do I install Figma in Claude?

Add Figma to your library to get its URL. In Claude, open Settings › Connectors, click “Add custom connector” and paste the URL.

Does Figma work with Claude Code?

Yes. In a terminal, run claude mcp add --transport http followed by a name and the connector URL.

Is Figma an official Anthropic product?

No. Figma is a public project; this listing was created by Claude Market from its repository and the product is not hosted here. Claude Market is an independent project, not affiliated with Anthropic.

Reviews

Sign in then add or buy this product to review it (verified reviews).

No reviews yet. Only users who added or bought the product can review it.