腾讯设计 Ardot
腾讯设计Ardot是腾讯推出的基于混元大模型的AI原生UI/UX设计平台，核心定位为打通设计到开发的全链路协作工具
腾讯设计Ardot是腾讯推出的基于混元大模型的AI原生UI/UX设计平台，核心定位为打通设计到开发的全链路协作工具。平台支持文本生成界面、截图转矢量设计稿、一键标注并导出多端代码三大核心功能，主要面向设计师、产品经理、前端开发者、交互设计师等互联网产品研发相关角色，可应用于产品原型快速输出、设计稿转开发交付、旧页面还原重构等多种工作场景，帮助团队降低跨角色沟通成本，缩减产品从构思到落地的周期。
- 适用对象
- UI设计师（界面设计稿制作场景）
- 主要功能
- 文生界面、截图转矢量
- 计费方式
- 免费增值，部分功能付费
- 平台
- 网页
- 已收录
- 2026.06.13（142 天）
阅读目录
编辑评测与站内热度
编辑综合评分
满分 5 分
六维指标基于站内真实数据（热度、社区反馈、资料完整度、可达性核验等）综合评估，非用户投票。
全站热度排名
#591
分类内排名
#4 / 52
累计站内点击
3
近 7 日点击
3
排名与点击为站内真实统计口径，反映 Toolifai 用户行为，非编辑评分。
腾讯设计 Ardot是什么，怎么使用？
约 4 分钟腾讯设计 Ardot，腾讯设计Ardot是腾讯推出的基于混元大模型的AI原生UI/UX设计平台，核心定位为打通设计到开发的全链路协作工具。平台支持文本生成界面、截图转矢量设计稿、一键标注并导出多端代码三大核心功能，主要面向设计师、产品经理、前端开发者、交互设计师等互联网产品研发相关角色，可应用于产品原型快速输出、设计稿转开发交付、旧页面还原重构等多种工作场景，帮助团队降低跨角色沟通成本，缩减产品从构思到落地的周期。
主要功能
- 文生界面：用户仅需输入产品功能描述、设计风格要求、目标适配端类型等文字信息，平台即可自动生成对应的高保真UI设计稿，支持生成移动端、PC端、小程序等多场景界面，生成结果可直接在平台内进行图层拆分、样式调整等二次编辑操作，无需从零开始搭建界面框架。
- 截图转矢量：用户上传现有界面的截图素材，平台可自动识别截图中的文字、图标、按钮、布局结构等元素，将像素级的截图转换为可编辑的矢量设计稿，各元素均保留可调整的属性参数，可直接用于旧版界面迭代、参考界面还原等工作，省去手动临摹的流程。
- 一键标注：完成设计稿制作后，用户点击标注功能，平台可自动识别所有设计元素的尺寸、间距、颜色值、字体参数等信息，生成标准化的标注面板，开发人员可直接查看各元素的具体属性，无需设计师手动逐个标注，减少标注遗漏或参数错误的问题。
- 多框架代码导出：用户完成设计稿确认后，可选择CSS、React、Vue等不同的代码框架类型，平台自动将设计稿转换为对应格式的前端代码，代码包含基础的样式定义和组件结构，前端开发者可直接在项目中导入使用，大幅减少基础页面的代码编写工作量。
- 团队协同编辑：支持多人同时进入同一个设计项目进行协作，不同角色可设置查看、编辑、评论等不同权限，团队成员可在设计稿上添加评论、标注修改意见，所有操作实时同步，无需反复传输文件版本，提升跨角色沟通的效率。
- 设计资产库管理：用户可将常用的图标、组件、配色方案、字体样式等内容上传至个人或团队资产库，后续设计时可直接拖拽调用，保持同一项目或团队设计风格的统一性，也可使用平台内置的腾讯系设计规范资产，适配不同行业的设计需求。
怎么使用
- 访问平台官网https://ardot.tencent.com，使用腾讯账号完成登录，根据自身角色选择设计师、产品经理或开发者的身份标签，完善账号基础信息。
- 新建设计项目，填写项目名称、适配端类型、基础尺寸等参数，可选择空白画布创建，也可上传参考截图或输入文本需求生成初始设计稿。
- 在编辑界面调整设计稿内容，通过拖拽元素、修改属性参数、调用资产库组件等方式优化界面效果，可邀请团队成员加入项目共同编辑。
- 设计稿确认后，点击标注功能生成自动标注，可直接分享链接给开发人员查看，也可选择需要的代码框架类型导出对应的前端代码。
- 完成项目后可将常用组件存入资产库，也可导出设计稿源文件保存至本地，方便后续项目迭代时调用修改。
适合什么人群
- UI设计师（界面设计稿制作场景）
- 产品经理（产品原型快速输出场景）
- 前端开发者（设计稿转代码场景）
- 交互设计师（交互方案落地场景）
- 创业团队成员（小成本产品 demo 制作场景）
- 运营人员（活动页快速设计场景）
总结
这款基于混元大模型的设计平台，是互联网产品研发链路中衔接设计与开发的工具，它解决了传统设计工作流中几个普遍存在的痛点：一方面是设计前期的效率问题，不管是从零构思界面还是还原现有参考页面，都不需要再从空白画布开始一点点搭建，输入文字或者上传截图就能拿到可编辑的基础稿，设计师可以把更多精力放在创意和体验优化上。另一方面是跨角色协作的问题，之前设计师做完稿需要手动标注每个元素的参数，稍有遗漏就会和开发产生沟通成本，现在自动标注和代码导出功能可以直接把设计参数转换成开发可用的内容，很大程度上降低了沟通损耗。平台的资产库功能也适合团队统一设计规范，尤其是多人协作的项目，不需要反复确认组件样式是否统一，直接调用公共资产就能保持风格一致。对于中小团队或者需要快速输出demo的场景来说，它可以有效缩短从产品构思到可演示原型的周期，不需要多个角色反复对齐需求，单个角色也能完成从原型到可运行代码的输出。
价格与免费额度
平台提供免费版本供用户体验，免费版支持每月最多30次文生界面、截图转矢量操作，可创建最多5个私人项目，单项目最多支持3人协同，代码导出仅支持基础CSS格式。个人专业版定价为每月39元，解锁无限次生成操作，可创建无限私人项目，单项目最多支持10人协同，支持所有框架类型的代码导出。团队版定价为每人每月69元，支持团队共享资产库、自定义设计规范、项目权限精细化管理，适合10人以上的研发团队使用。个人学习或低频使用可选择免费版，全职设计师或独立开发者推荐选择个人专业版，企业团队可根据人数选择团队版。
优点与不足
优点
- 基于腾讯混元大模型训练，对中文设计需求的理解适配度较高，生成的界面更符合国内产品的设计习惯
- 打通从需求到代码的全链路，不需要在多个工具之间切换导出导入，单个平台即可完成设计、标注、代码导出全流程
- 内置腾讯系设计规范资产，可直接调用符合行业标准的组件，适合需要快速对齐通用设计规范的项目
- 支持多人实时协同，权限划分清晰，评论修改意见直接关联对应设计元素，减少跨角色沟通的信息差
不足
- 免费版的生成次数、项目存储容量有一定限制，高频使用需要升级付费版本
- 代码导出功能针对复杂交互的适配度有限，复杂动效和交互逻辑仍需要开发人员手动补充
- 现有资产库更多偏向互联网产品设计场景，面向工业设计、平面印刷等其他设计领域的适配较少
能帮你做的 8 件事
- 01文生界面
- 02截图转矢量
- 03一键标注
- 04多框架代码导出
- 05AI设计场景的常用方案
- 06UI设计工具场景的常用方案
- 07UI设计师（界面设计稿制作场景）的日常效率工具
- 08先用免费额度验证需求再决定付费
更新历史
- 页面资料核验与信息更新
- 腾讯设计 Ardot 收录进 Toolifai 目录
常见问题
生成的设计稿是否支持导入其他设计工具编辑？
平台生成的设计稿支持导出为Figma、Sketch等主流设计工具兼容的格式，用户可以在平台内完成初步设计后，导出源文件导入到其他工具中进行进一步的精细化调整，也支持将其他工具制作的设计稿导入到Ardot平台中进行标注和代码导出操作，不需要担心工具之间的兼容性问题，可灵活融入现有的设计工作流。
截图转矢量功能支持哪些类型的界面？
该功能支持移动端App界面、PC端网页界面、小程序界面、H5活动页等多种类型的界面截图，可识别截图中的文字、图标、按钮、输入框、导航栏等常见UI元素，对于像素清晰、元素布局规整的截图，识别还原度较高，带有复杂动效、模糊或者元素重叠的截图，可能会出现部分元素识别误差，需要手动调整修正。
导出的代码可以直接用于正式项目吗？
平台导出的代码包含基础的页面布局、样式定义和静态组件结构，对于简单的静态页面，可直接导入项目使用；对于包含复杂交互逻辑、动态数据绑定、特殊动效的页面，导出的代码可作为基础框架使用，开发人员需要在此基础上补充业务逻辑、数据接口对接、交互动效等相关代码，可有效减少基础页面的编码工作量。
团队协同功能支持哪些权限设置？
团队项目支持设置所有者、编辑者、评论者、查看者四种权限，所有者拥有项目的所有操作权限，可管理成员权限、删除项目；编辑者可修改设计稿内容、添加资产；评论者可在设计稿上添加评论和修改意见，无法修改设计内容；查看者仅可查看设计稿和标注信息，无法进行其他操作，可根据团队成员的角色灵活分配对应权限。
平台对上传的设计资产有版权保护吗？
用户上传到个人资产库和私人项目中的设计内容，版权归用户所有，平台不会擅自使用或泄露用户的私人资产。团队资产库的内容所有权归创建团队的企业主体所有，仅团队内有权限的成员可以访问。平台生成的设计稿如果使用了内置的公共资产，相关资产均为腾讯提供的无版权风险内容，用户可免费用于商业项目，无需额外支付版权费用。
开始使用 腾讯设计 Ardot
从官方入口了解最新功能与使用方式。
由 Toolifai 编辑维护
欢迎产品方补充截图、功能介绍与官方资料。更新和纠错由编辑审核后发布。
