$ loading_
连接 Figma 设计稿,提取变量、截图并辅助转换为开发代码
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-mcp-server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 页面中的登录界面,分析布局、颜色、字体和间距,并生成对应的 React + Tailwind 代码。
输出可复用的前端组件代码,并尽量还原设计样式与结构。
提取这个 Figma 文件中的颜色、文本样式和间距变量,整理成设计令牌 JSON,并按类别分组。
输出结构化的设计令牌数据,方便同步到设计系统或代码库。
获取这个 Figma 页面中首页和设置页的高清截图,并总结每个页面的主要模块与潜在交互问题。
输出页面截图及简要评审说明,便于产品和设计协作沟通。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
将 Figma 设计文件接入 AI 助手,便于读取、管理与协作设计内容。
帮助提取并整理 Figma 设计文件结构与图像数据,便于 AI 理解和生成代码。
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
让 AI 助手直接连接 Figma 画布,生成并编辑布局、图形与界面设计。
将 Figma 文档与业务规则转为可自然语言检索的知识索引