用途：从 Figma 文件中提取设计信息用于前端实现，覆盖设计令牌提取、组件检查和设计到代码的翻译。适用场景包括把 Figma 设计稿翻译为前端代码、提取颜色/字体/间距等设计令牌、检查组件结构以规划实现、基于 Figma 构建或更新设计系统，以及把 Figma auto-layout 属性映射到 CSS。
前置条件：需要 Figma Personal Access Token（设为 FIGMA_ACCESS_TOKEN 环境变量），以及 Figma 文件 URL 或 file key。
核心 API 端点：获取文件 curl -H "X-Figma-Token: $FIGMA_ACCESS_TOKEN" "https://api.figma.com/v1/files/FILE_KEY"；获取指定节点 /files/FILE_KEY/nodes?ids=NODE_ID1,NODE_ID2；导出图片 /images/FILE_KEY?ids=NODE_ID&format=svg；获取样式 /files/FILE_KEY/styles；获取组件 /files/FILE_KEY/components。
令牌提取流程：先拉取已发布样式，再映射为 CSS 变量（颜色、字体、间距），最后按 auto-layout 到 CSS 的对应关系实现布局，例如 Horizontal 对应 display:flex; flex-direction:row，Vertical 对应 column，Space between 对应 justify-content:space-between，Gap:16 对应 gap:1rem，Fill container 对应 flex:1 或 width:100%，Hug contents 对应 width:fit-content。组件检查需提取名称与变体属性、子节点结构、应用的样式、约束和全部变体。
官方 Figma MCP 服务器提供工具：get_design_context、generate_figma_design、get_variable_defs、get_screenshot、code_connect_map、create_design_system_rules、get_figjam、generate_diagram、get_components、get_styles、export_assets、get_annotations、get_metadata、whoami。安装方式为 Figma Desktop 应用 → Settings → 启用 MCP server，本地 MCP 使用当前 Figma 会话认证，无需 API key。
限制与注意事项：资料强调不要硬编码 Figma 颜色与间距，应映射为 CSS 变量；不要忽略 auto-layout；有 SVG 时不要导出位图；保留 Figma 组件命名。资料未提供具体收费、价格或平台支持范围等信息。