我要投稿

WeaveFox：蚂蚁集团推出 AI 前端智能研发平台，能够根据设计图直接生成源代码，支持多种客户端和技术栈

发布日期：2024-12-21 05:24:40 浏览次数： 3056

作者：蚝油菜花

微信搜一搜，关注“蚝油菜花”

快速阅读

功能：根据设计图直接生成前端源代码，支持多端和多技术栈。
技术：基于蚂蚁自研的百灵多模态大模型，具备细粒度UI理解能力。
应用：适用于快速原型开发、中后台页面开发、移动端界面开发等场景。

正文

WeaveFox 是什么

WeaveFox是蚂蚁团队推出的AI前端智能研发平台，基于蚂蚁自研的百灵多模态大模型，能够直接根据设计图生成前端源代码。该平台支持多种应用类型，包括控制台、移动端H5、小程序等，兼容多种技术栈，如React、Vue等。

WeaveFox的目标是提升前端开发的效率和质量，支持二次调整以满足个性化需求，追求设计稿的精确还原。目前，WeaveFox正在闭源开发中，预计明年正式开放，为前端开发者带来革命性的开发体验。

WeaveFox 的主要功能

设计图转代码：根据设计图直接生成前端源代码，减少手动编码工作。
多端支持：支持控制台、移动端H5、小程序等多种应用类型的开发。
多技术栈兼容：支持React、Vue、less、scss等多种前端技术栈。
二次调整：支持用户对自动生成的代码进行调整和优化，满足更具体的需求。
高准确度还原：追求设计稿的一比一还原，确保设计意图得到准确实现。

WeaveFox 的技术原理

UI智能优化：基于蚂蚁集团自研的百灵多模态模型构建的前端领域大模型，具备细粒度UI理解能力，能提供精准的代码生成和优化服务。
智能切分：输入设计图，前端领域大模型会进行整稿/局部块推理的自动切分识别，得到页面语法结构。
完备定义：建立的页面语法结构标准对UI信息原子组件定义本身也是合理完备的。
智能代码生成：基于页面语法结构的布局树作为上下文配合模型矩阵完成高可读性和可维护性的业务代码生成。

期待 WeaveFox

目前WeaveFox正在闭源开发中，预计明年正式开放。以下是使用WeaveFox的基本流程：

切割图片，生成代码：将设计图切成几块，挑选出想要生成代码的部分，点击“生成代码”按钮。
选择技术栈和框架：选择喜欢的技术栈和框架，比如React + AntD，WeaveFox会根据选择的技术架构生成代码。
确认生成：点击“OK”，系统开始生成代码。
效果预览：预览生成效果和代码。

53AI，企业落地大模型首选服务商

产品：场景落地咨询+大模型应用平台+行业解决方案

承诺：免费POC验证，效果达标后再合作。零风险落地应用大模型，已交付160+中大型企业

相关资讯

2026-06-21

从提示 Agent 到循环工程

2026-06-21

微信小微，几个要点

2026-06-21

AI 也会做梦？拆解 OpenClaw 独特的梦境记忆系统

2026-06-21

[译] 我所知的全部智能体工程技巧

2026-06-20

13人团队叫板Anthropic：我们造了一个更快更便宜的大模型

2026-06-20

微信左上角长出“两只眼睛”：小微测试版，可能是微信 AI 化最关键的一步

2026-06-20

Agent Skill 管理范式探索：像管理软件包一样管理 Agent 能力

2026-06-18

企业智能体的下半场，如何让智能体越用越聪明？

联系获取

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

Claude Opus 4.7刚刚曝光！Claude Code一夜重构，7x24小时替你打工

2026-04-15

OpenAI Codex CLI 完整使用指南

2026-04-07

Claude Code 和 Codex 接入 Figma MCP 保姆级教程

2026-04-07

刚刚Qwen 3.6 Plus上线预览：1M上下文，阿里Coding/Agent翻身战打响

2026-03-31

GPT5.5来了，最大特点解析

2026-04-24

Claude Opus 4.7 发布，全网最详细解读

2026-04-17

突发！Claude Code 源码泄露，扒出这些隐藏功能

2026-03-31

GPT-6，曝光了

2026-04-05

GLM-5.1 实测：面向 Agent 长程任务的国内第一模型

2026-04-02

重磅！GPT-6曝光了

2026-04-05

大家都在问

企业智能体的下半场，如何让智能体越用越聪明？

2026-06-18

Agent 记忆，我们全都理解错了？

2026-06-18

如何利用 Harness “一句话交付产品功能”？

2026-06-10

Loop Engineering 循环工程又是什么鬼？

2026-06-10

Agent 工程化五件套：Prompt、Skill、MCP、CLI 到底怎么配合？

2026-06-07

为什么云端 Agent 基建这么难？

2026-06-06

当 AI 开始拥有“自主调度权”：Claude 4.8 这个新功能，到底有多可怕？

2026-06-03

哪些活，该交给Claude Code的 /workflows?

2026-06-02

热门标签

内容创作大模型技术个人提效 langchain llamaindex 多模态技术 RAG技术智能客服知识图谱模型微调 RAGFlow coze Dify Fastgpt Bisheng Qanything AI+汽车 AI+金融 AI+工业 AI+培训 AI+SaaS Skill 提示词技巧 AI+电商 AI面试数字员工 ChatBI AI知识库开源大模型智能营销智能硬件 FDE AI+医疗 MaxKB Palantir Glean Openclaw