---
id: fynn-43
name: "Figma MCP"
nameZh: "Figma MCP"
sourceCategory: "MCP"
sourceCategoryZh: "MCP"
url: "https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server"
sourceUrl: "https://design.fynnzhang.space/"
tags: ["UI"]
tagsZh: ["UI"]
categorySlugs: ["creative-design","meta-tools","dev"]
---

# Figma MCP

中文名称：Figma MCP

## Description

Lets AI coding tools read design semantics such as components, variables, and spacing from Figma.

让AI编码工具能直接读取设计稿中的组件、变量和间距等精确语义，从而将设计意图高保真地转化为代码

## 中文说明

让AI编码工具能直接读取设计稿中的组件、变量和间距等精确语义，从而将设计意图高保真地转化为代码

- 打开或安装 Skill：https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server
- 查看原始来源：https://design.fynnzhang.space/
- 分类：creative-design, meta-tools, dev
- 标签：UI

## Use This Skill

- Open or install the skill from: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server
- Review the original source: https://design.fynnzhang.space/
- Categories: creative-design, meta-tools, dev
- Tags: UI
- 中文标签：UI

## README SEO Report

### Detailed Overview

Figma MCP supports creative-design, meta-tools, dev use cases. Core value: Lets AI coding tools read design semantics such as components, variables, and spacing from Figma.

### Installation

No explicit installation section was found in the archived README. Open the original source for the official setup path; the download button provides the local Markdown copy saved by EasyGlobe.

### Usage

Use this skill when the task involves UI. It can be adapted into Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, or a team SOP.

### Capabilities

Primary workflow coverage: creative-design, meta-tools, dev.

### Source Archive

- Archive source type: webpage
- Archived docs: None

## 3W FAQ

### What is this skill?

Lets AI coding tools read design semantics such as components, variables, and spacing from Figma.

### Who is this skill for?

This skill is for teams or AI agents working on creative-design, meta-tools, dev workflows.

### When should you use it?

Use it when the task matches these tags: UI.

## 中文 3W FAQ

### What：这个 skill 是什么？

让AI编码工具能直接读取设计稿中的组件、变量和间距等精确语义，从而将设计意图高保真地转化为代码

### Who：适合谁使用？

适合处理 creative-design、meta-tools、dev 工作流的团队、运营人员、开发者或 AI Agent。

### When：什么时候使用？

当任务涉及 UI，或需要沉淀为 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 或团队 SOP 时使用。