$ loading_
将 Figma 设计转换为结构化代码上下文，帮助生成可落地的前端代码。
复制安装指令，让 AI 自动完成配置 · 推荐新手
"Figma Context MCP" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请读取这个 Figma 页面，提取布局、组件层级、颜色与字体 token，并输出适合 React + Tailwind 的组件代码上下文。
一份结构化的组件说明与样式 token，可直接用于生成 React + Tailwind 前端代码。
分析该 Figma 文件中的颜色、字号、间距和圆角规范，整理成统一的 design tokens，并标注复用建议。
一份清晰的设计 token 清单，便于前端统一样式实现与后续维护。
把这个 Figma 界面转换成适合 AI 编码助手理解的页面结构说明，包含区块层级、交互元素和关键样式约束。
一份面向 AI 的结构化实现上下文，帮助更准确地产生高质量页面代码。
连接 Figma 设计稿，支持读取编辑、生成多框架代码与无障碍检查。