Figma Console MCP FigJamSlides双武器AI自动创建白板流程图、表格和完整演示文稿的15个工具【免费下载链接】figma-console-mcpYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.项目地址: https://gitcode.com/gh_mirrors/fi/figma-console-mcpFigma Console MCP是一个专为 Figma 打造的设计系统 MCP 服务器让 AI 助手直接操作 Figma——不仅限于设计文件还能创建FigJam 白板流程图、表格以及管理Figma Slides 完整演示文稿。只需一句自然语言提示AI 就能批量生成便签、画好分支流程图、铺满表格数据甚至批量设置幻灯片转场动画。 它解决了什么问题过去把会议纪要变成亲和图、把用户旅程画成流程图、把内容排进 PPT全靠在 Figma 里手动拖拽。接入 Figma Console MCP 后FigJam 白板AI 可以创建便签、形状、连接线、表格、代码块、分区并自动排版️Slides 演示AI 可以新建/复制/重排幻灯片、添加文字和形状、设置 22 种转场动画双向读写不仅能写还能把白板内容和幻灯片结构完整读回来供 AI 总结分析两项能力共提供25 个工具FigJam 10 个 Slides 15 个本地模式和云端模式均可用。 快速上手三步让 AI 登上白板FigJam 和 Slides 工具复用同一个Desktop Bridge 插件无需额外安装第二个插件。打开文件在 Figma Desktop 中打开任意 FigJam 白板或 Slides 演示文稿运行插件从Plugins Development Figma Desktop Bridge启动插件它会向 MCP 服务器报告当前编辑器类型直接提问对 AI 助手说创建一张写着 Hello from AI 的黄色便签验证连接后即可上复杂任务客户端配置只需一条npx命令如上图所示的界面完整的配置步骤可参考 docs/setup.md。 FigJam 十大工具AI 白板画笔所有 FigJam 工具实现于 figjam-tools.ts详细说明见 docs/figjam.md。创建类工具工具能力figjam_create_sticky创建单张便签支持 9 种颜色分类figjam_create_stickies一次批量创建最多 200 张便签figjam_create_connector用带文字标签的连接线连接两个节点figjam_create_shape_with_text创建带文字的形状支持 13 种流程图图形figjam_create_table创建最多100 行 × 50 列、预填数据的表格figjam_create_code_block添加带语法高亮的代码块适合技术评审figjam_create_section创建分区分组管理白板内容布局与读取类工具工具能力figjam_auto_arrange网格/横向/纵向自动排版告别手动拖拽figjam_get_board_contents读取白板全部元素便签文字、形状、表格、连接线figjam_get_connections读取完整连接关系图边、标签、连接节点流程图形状支持圆角矩形流程步骤、菱形判断点、椭圆起止点、平行四边形输入输出还有数据库、消息队列等工程符号——足够画出一整套用户旅程或系统架构图。️ Slides 十五个工具AI 演示文稿引擎所有 Slides 工具实现于 slides-tools.ts详细说明见 docs/slides.md。读取工具5 个figma_list_slides— 列出全部幻灯片的顺序、名称与跳过状态figma_get_slide_content— 读取指定幻灯片的完整节点树figma_get_slide_grid— 读取 2D 网格布局一眼看清演示结构figma_get_slide_transition— 查看某页的转场样式、缓动曲线与时长figma_get_focused_slide— 查看编辑器当前选中的是哪一页写入工具10 个figma_create_slide/figma_delete_slide/figma_duplicate_slide— 新建、删除、完整复制幻灯片figma_reorder_slides— 重新编排叙述顺序无需手动拖拽figma_set_slide_transition— 应用22 种转场样式 × 8 种缓动曲线时长 0.01–10 秒可调figma_skip_slide— 标记跳过未完成的页面在演示模式中隐身figma_add_text_to_slide— 放置文字支持字体、颜色、对齐、换行、大小写figma_add_shape_to_slide/figma_set_slide_background— 添加形状、设置整页背景色figma_get_text_styles— 获取所有本地文字样式导航工具2 个figma_set_slides_view_mode— 在网格视图与单页视图间切换figma_focus_slide— 定位到指定幻灯片 实战提示词直接照抄就能用白板亲和图来自 docs/figjam.md根据这些会议纪要生成亲和图用彩色便签分组蓝色产品功能、绿色技术需求、粉色用户反馈、橙色待解问题每组用网格布局排列。用户流程图在 FigJam 白板上为结账流程创建用户流程图从查看购物车开始判断菱形是否有账户分叉到登录和游客结账汇合后进入填写收货信息、支付最后以订单确认结束。批量设置转场来自 docs/slides.md给所有幻灯片设置 DISSOLVE 转场时长 0.5 秒EASE_IN_AND_OUT 缓动。演示前检查跳过第 8、9 页——它们还没准备好给客户看。之后完成后再取消跳过。⚙️ 它如何知道你在用哪个编辑器Desktop Bridge 插件源码见 figma-desktop-bridge/code.js 与 figma-desktop-bridge/manifest.json连接时会报告figma.editorType在FigJam 白板中运行 → 10 个 FigJam 工具就绪在Slides 演示中运行 → 15 个 Slides 工具自动出现在Design 文件中误调 → 返回清晰的错误提示防止误操作没有配置开关、没有模式切换工具按上下文自动就绪且都有运行时安全防护。连接模式FigJamSlides本地NPX/Git✅ 完整支持✅ 完整支持云端模式Cloud Mode✅ 完整支持✅ 完整支持远程只读❌ 需要 Desktop Bridge❌ 需要 Desktop Bridge 相关资源白板指南docs/figjam.md演示文稿指南docs/slides.md工具实现src/core/figjam-tools.ts、src/core/slides-tools.ts桌面桥接插件figma-desktop-bridge/一句话总结Figma Console MCP 把 FigJam 变成了可编程的 AI 画布把 Figma Slides 变成了可编程的 AI 舞台——25 个工具让白板流程图、对比表格和完整演示文稿都由一句提示词驱动生成。【免费下载链接】figma-console-mcpYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.项目地址: https://gitcode.com/gh_mirrors/fi/figma-console-mcp创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考