10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI产品百科

腾讯设计Ardot:AI生成UI+MCP直连代码,对标Figma的国产设计工具来了

2小时前 AI产品百科 19 0

"这个需求描述不清楚"

"按钮再往上挪2像素"

"标注文件在哪里?"

产设研协作的每一天,都在这些对话中反复拉扯。

今天,腾讯设计 Ardot 正式公测。一个工具,让产品经理、设计师、开发不再各自为战。

📌 苏米注:设计工具赛道在 2026 年进入"AI 原生"时代。Figma 的 Dev Mode 和 AI 功能已经走在前面,但国内团队一直缺少一个真正能替代 Figma 的国产选项。Ardot 的出现填补了这个空白——更重要的是,它直接接入了 MCP 生态,让设计与代码的衔接不再依赖人工切图和标注。这对国内产设研团队的效率提升会有实质性的影响。

一、灵感落地:AI 不只是生成,更是生产闭环

Ardot 不止是一个设计工具,更是为专业设计师打造的 AI 伙伴。它的 AI 能力不是让你输入指令"随机抽卡",而是真正融入设计工作流——从创建、理解到修改,每一环都可编辑、可交付,形成完整的生产闭环。

AI 文/图生成 UI 设计稿演示

核心 AI 能力

能力 说明 适用场景
文/图生成 UI 输入一句话或参考图,AI 实时生成高保真界面 快速出稿、方案探索
UI 局部精准修改 选中任意元素,用自然语言描述修改意图 细节调整、风格迭代
基于业务组件生成 UI 调用业务组件库,一键生成符合规范的设计稿 企业级设计、规范统一
批量生成同风格图标 一键生成整套矢量图标,支持二次修改 图标体系搭建
文/图生图 输入文字或参考图,生成插画、配图等视觉素材 运营素材、视觉配图

即将解锁的能力

  • AI 生动效:文字描述生成交互动效
  • AI 提取业务风格 → 生成智能设计系统 → 按规范批量生成 UI
  • 图片智能修改:基于文/图生图后,对生成图片进行局部修改、风格调整

Ardot 生成的每一张图、每一个界面,都不是孤立的"一次性产物",而是可以被迭代、被复用、被交付的团队资产。

二、从设计到代码:MCP 打通协作闭环

设计稿交付开发,从来不是终点。Ardot 通过 MCP(模型上下文协议),让设计与代码无缝连接:

MCP 打通设计与代码协作流程

MCP 能力 具体实现
基于业务组件生成 UI 基于业务组件库,一键生成 Ardot 可编辑设计稿
提取设计上下文到 IDE 变量、组件、布局数据直接拉入开发环境,AI 代理精准编码
多 IDE 无缝集成 直通 CodeBuddy 代码还原,兼容 Workbuddy、Cursor、Claude Code 等 MCP IDE

设计师出稿,开发直接取代码。中间不再需要"切图、标注、反复确认"。

📌 苏米注:MCP 在设计工具中的落地可能是 Ardot 最大的差异化优势。传统设计工具到代码的转化依赖开发者的"肉眼还原",误差率高、沟通成本大。Ardot 通过 MCP 把设计上下文(变量、组件、布局数据)直接暴露给 IDE 中的 AI 代理,让编码变成"有参考的翻译"而不是"凭感觉的还原"。这对中大型项目的交付质量会有显著提升。

三、专业能力:从布局到细节全覆盖

专注 AI 的同时,Ardot 同样拥有扎实的专业设计功底:

UI 设计系统展示:样式、组件、设计稿

  • 矢量编辑特性:斜切、3D 旋转、增强形状工具
  • 动态布局系统:Grid 布局、百分比定位、真实比例锁定,布局响应性能为同类工具的 4 倍
  • 自由的设计系统:组件、颜色、文本样式全局同步,一键复用

四、企业级协作:每次流转都安心托付

设计协作不仅要快,更要稳。Ardot 为企业级协作构建了完整的安全与效率体系:

设计协作功能:成员管理、操作日志、标注检查

  • 多人实时协作:支持评论、校对、版本对比,团队沟通零成本
  • 开发者模式:高效查看标注信息、组件变体、快速复制代码(CSS/iOS/Android)
  • 全流程安全体系:智能权限中心、行为追溯、资产管理,流转更安心

五、企业级能力与腾讯生态

Ardot App 界面展示

企业安全保障

  • 数据加密与容灾备份,确保资产安全
  • 各类安全认证(ISO、国家高新企业等),符合行业标准

腾讯生态深度集成

  • 与 CodeBuddy、Workbuddy 无缝打通,设计稿一键转代码
  • 微信小程序即将上线,移动端随时评审设计稿
  • 1v1 专属客户经理 + 7x12 小时企业服务群

六、更懂中国设计师

Ardot 设计软件操作界面

优势 说明
中文自然语言理解 中文描述需求,AI 精准响应
本土设计系统 符合国内设计习惯,降低学习成本
深度兼容 Figma 零学习成本,Figma 文件可直接导入
性能优势 大文件导入速度比同类工具快一倍,渲染效率快 30%-50%

📌 苏米注:"深度兼容 Figma"是 Ardot 最务实的策略。国内设计团队已经积累了大量 Figma 文件和组件库,要求他们从零迁移到一个新工具是不现实的。Ardot 支持 Figma 文件直接导入,意味着团队可以在不中断现有工作流的前提下逐步切换。这对推广 adoption 至关重要。

七、立即体验

腾讯设计 Ardot 现已全面开放,所有功能限时免费使用,注册还可获赠 1000 Credits 免费额度。

  • 官网:ardot.tencent.com
  • 帮助文档:docs.ardot.tencent.com
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:腾讯设计Ardot:AI生成UI+MCP直连代码,对标Figma的国产设计工具来了
#Ardot #腾讯设计 #AI设计 #Figma #MCP 
收藏 1
Claude Code大型代码库最佳实践:CLAUDE.md分层策略、Hooks自动化、MCP集成,百万行级项目的精细化管理指南
7款AI生成PPT工具横评:Gamma、NotebookLM、Codex、frontend-slides实测,出稿vs磨稿场景选择指南
推荐阅读
  • 米可智能Minecho:AI音视频创作平台,一站式视频翻译、声音克隆、AI配音服务
  • DeepSider:集成于浏览器侧边栏的AI浏览器插件,免费访问GPT-4o、Claude、Gemini等顶级AI模型
  • Qwen3.6-27B 实测报告:本地模型跑出 GPT-4 水准,27B Dense 架构超越 397B MoE
  • Coda:AI办公创作平台,支持文章内容创作、生成表格、查找信息、分析数据、会议纪要总结等
  • Cline:免费开源的AI编程助手VSCode插件,为开发者提供了全面的AI辅助编程解决方案
评论 (0)
请登录后发表评论
分类精选
GPTGirlfriend:AI虚拟女友聊天平台,不受限制的成人角色扮演,AI女友进行成熟的对话
16813 1年前
Picarta:可以查找图片拍摄地点的AI识图软件,使用AI搜索照片拍摄的精确位置
16711 1年前
BeArt:一款免费且无水印的的在线AI换脸网站,适用于照片、视频和GIF中实现精准换脸
14748 1年前
嘎嘎降AI:AIGCleaner论文降重工具网站,专门降低文章AI率、查重率的工具
13778 1年前
NiceVoice:又一款免费AI声音克隆,3步克隆你的声音
13675 9月前
灵光:蚂蚁集团推出的全模态AI助手App,30秒做应用、实时写图文
13456 6月前
Noiz AI:AI语音克隆工具,一款TTS和视频配音神器
13071 1年前
Unscreen:在线视频和GIF背景抠除工具,不用绿幕轻松完成视频抠像
12659 1年前
抖音即创AI: 一站式智能AI创作管理平台
11264 1年前
Reecho 睿声:免费AI语音克隆与超拟真语音合成平台,用户只需提供一小段声音样本,完成声音的克隆
11157 1年前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 腾讯设计Ardot:AI生成UI+MCP直连代码,对标Figma的国产设计工具来了
2 GPT Image 2 赛博玄学:6 个开箱即用的 AI 算命提示词玩法
3 Paico:AI一句话生成专业UI设计稿,30秒从想法到原型
4 Canva Magic Layers :GPT Image 2 生成的海报,现在可以 100% 编辑了
5 火山引擎 Agent Plan 深度评测:Coding Plan 之外的全模态选择
6 DeepImg.io:免费GPT Image 2生图+全套AI修图,一站式AI视觉创作平台
7 MindVideo:GPT Image 2 完全免费使用,专业级 AI 生图与文字排版工具
8 Voicebox:开源声音克隆工具,本地运行不耗Token,支持多国语言
9 CodexPet.xyz:Codex 桌面宠物乐园,1500+ 宠物一键安装
10 WorkBuddy vs IMA Copilot:腾讯两条 Agent 路线深度对比
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联