MasterGo 发布 MCP 协议升级:AI 获画布读写权限,实现设计意图精准还原

ADK MasterGo AI官方 / ADK编译 2026-09-05 4 分钟 137 次浏览
速览导读 / Summary

MasterGo 在 D20 峰会宣布重大升级,通过引入 MCP 协议将整块画布向大模型全面开放。此次更新赋予 AI 对设计元素的原生读写权限,构建了统一的语义层,使设计图与代码共享同一结构。AI 可基于选区精准修改、生成多风格提案并自动同步前端代码,大幅缩短设计到落地的周期,推动 D2C 领域从‘视觉稿’向‘代码即设计’的范式转变。

协议标准 MCP (Model Context Protocol) 实现画布与 AI 的深度双向连接
交互模式 原生读写 AI 可直接操作画布元素而非仅生成静态图
同步机制 局部 Diff 更新 精准识别变更,避免破坏现有代码逻辑

Key Insights / 核心看点

  • 1 引入 MCP 协议,实现 AI 对 MasterGo 画布的原生读写权限,打破传统‘生成即结束’的局限。
  • 2 构建统一语义层,使设计图与代码共享同一结构,实现‘所见即所得’的精准修改与同步。
  • 3 支持基于选区的智能定位与多风格提案生成,大幅缩短设计到前端落地的周期。
  • 4 引入 Diff 机制与基准文件,确保代码同步仅更新变更部分,保护原有业务逻辑与工程完整性。

MasterGo 发布 MCP 协议升级:AI 获画布读写权限,实现设计意图精准还原

在上周末于杭州举办的 D20 峰会上,MasterGo AI 产品经理朱松在数智服务分论坛中系统分享了平台最新的 MCP(Model Context Protocol)能力升级。此次升级的核心在于彻底改变了 AI 与设计师工作流的关系:通过 MCP 协议,MasterGo 将整块画布向大模型全面开放,使 AI 能够在画布上完成原生的读写操作,而非仅仅生成静态图片。

核心突破:从‘生成图片’到‘掌控画布’

当前,AI 虽然能快速生成页面,但在信息密度高、业务要求严苛的真实生产场景中,仅依赖自然语言进行‘开盲盒’式的交互,难以支撑高频、精细、长周期的迭代需求。MasterGo 此次通过底层重构,将 AI 从代码黑盒中拉回人类擅长的‘视觉主场’。

画布不再是单向输出的工具,而成为人人可操控的‘物理方向盘’。MasterGo 在画布与 AI 之间构建了统一的语义层,让设计图与代码共享同一种结构与业务逻辑。画布上的「标准按钮」与代码中的「Button 组件」从此指向同一实体,无需中间转译。设计师修改的,就是工程师手中的代码;工程师编写的,就是设计师眼前的图层。

四大核心能力重塑 D2C 工作流

通过 MCP 协议,AI 得以深度连接画布,实现四大核心能力的跃升:

  • 精准定位与微调:AI 能够直接读取画布底层的结构数据。用户的鼠标选中哪个图层,AI 就能自动锁定对应内容,无需再费力描述图层名称、位置和层级。实现了‘选中即定位,输入自然语言就能改’,真正做到指哪改哪。
  • 多风格提案生成:AI 可一键初始化设计系统,甚至同时创建多种风格的设计提案。系统能自动读取既有设计稿的视觉语言并形成规范,在后续页面生成中严格保持视觉一致性,大幅缩短从创意到落地的路径。
  • 智能 Diff 与代码同步:引入‘基准文件’机制,每次同步时,AI 只会检出有更改的部分进行局部更新,不会破坏原本写好的工程代码与业务逻辑。借助 MCP 提供的 Diff 工具,系统能精准识别设计稿的变更并更新到对应的前端代码中。
  • Agent 双向连接:MCP 支持 AI 调用组件库,并与 Agent 工具保持双向连接,生成完整的组件体系,实现设计意图到前端项目的无缝转化。

行业价值:解放生产力,聚焦核心决策

当画布与代码共享底层结构,‘视觉稿’这一传统中间产物随之变轻。设计师从‘搬动像素’的重复劳动中解放出来,转向定义品味、定义系统、定义边界;工程师也不再需要死磕‘设计稿还原’,可将精力投入到更硬核的系统架构与性能优化上。

正如朱松在演讲中所言:"MasterGo MCP,就像是我们在漫长、无声的代码世界里,递给未来智能体的一支画笔。"但面对极高的信息密度,去回答‘我们公司的商业产品到底应该长什么样’这一关乎审美与品牌的灵魂决策,答案仍需由人类设计师给出。

此次升级标志着 MasterGo 正式迈入‘AI 原生画布’时代,为设计转代码(D2C)领域带来了效率飞跃与协同变革。

MasterGo MCP,就像是我们在漫长、无声的代码世界里,递给未来智能体的一支画笔。

MasterGo AI 产品经理 朱松

同主题深度资讯

查看更多 →
产品动态 2026-09-15

Topview 发布 Codex 插件工作流:在 ChatGPT 生态内实现 AI 视频生成

Topview 正式宣布其插件工作流集成至 OpenAI 的 Codex 代理系统,支持在本地桌面端或 CLI 中直接调用生成式模型创建 AI 视频。文章详细区分了 ChatGPT 网页版插件目录与 Codex 本地代理的架构差异,明确了安装路径、OAuth 认证流程及 Canvas 画布工作流。该更新旨在解决开发者在 ChatGPT 生态内调用视频生成模型(如 Seedance, Wan 3.0 等)的碎片化问题,强调 Pro 及以上订阅计划对自动化工作流的必要性。

Topview官方 / ADK编译 5 分钟
产品动态 2026-09-06

Adobe Photoshop 与 Upscale.media 联手:AI 驱动图像超分辨率技术深度解析

Adobe Photoshop 与 AI 图像增强工具 Upscale.media 宣布深度整合,旨在为专业用户提供更高效的图像超分辨率解决方案。此次合作利用先进的 AI 算法,在不依赖复杂软件学习曲线的情况下,实现从低分辨率到高清图像的无损转换。文章详细阐述了该技术在保留细节、修复模糊以及支持多格式处理方面的核心优势,并展示了从上传到下载的完整操作流程,标志着图像增强领域向更智能化、便捷化方向迈出了重要一步。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Adobe Photoshop 2025 图像分辨率优化指南:超分辨率与智能放大技巧

Adobe Photoshop 2025 在图像分辨率处理上带来了显著优化,重点介绍了如何利用内置的“超分辨率”功能无损放大 JPEG 图像。本文详细解析了从基础图像尺寸调整到高级 Camera Raw 滤镜应用的完整流程,帮助设计师和摄影师在保持画质的前提下提升输出质量。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Upscale.media 发布智能图像增强方案:AI 驱动高清修复与细节重构

Upscale.media 推出全新图像增强指南,详解如何利用 AI 技术将低分辨率图片转化为高清视觉内容。文章解析了图像上采(Upscaling)的核心原理,涵盖分辨率、锐度、色彩准确性等关键质量指标,并展示了该工具在商业展示、印刷输出及个人创作中的实际应用价值,旨在帮助用户摆脱像素化困扰,实现无损画质提升。

Upscale.media官方 / ADK编译 4 分钟
design · 免费
★ 5.0 · 120评测
M

MasterGo AI

国产产品设计工具MasterGo推出的智能UI设计助手

MasterGo AI是知名国产产品设计工具MasterGo(莫高设计)推出的智能UI设计助手,通过智能布局和素材填充简化设计流程,支持原型线框图、流程图和交互式模型设计。工具具备设计系统管理功能,支持设计师高效管理设计资源,实现一处修改全局同步。MasterGo AI支持团队在线实时协同设计,降低沟通成本。提供AI检查和应用功能,帮助识别和修正设计稿与团队库样式属性的差异,确保设计一致性。MasterGo AI致力于提升数字界面设计师的创作、协作和生产效率。

查看 MasterGo AI 使用教程与功能