我要投稿

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

发布日期：2024-12-21 05:24:40 浏览次数： 2211 作者：蚝油菜花

快速阅读

功能：根据设计图直接生成前端源代码，支持多端和多技术栈。
技术：基于蚂蚁自研的百灵多模态大模型，具备细粒度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+中大型企业

相关资讯

2025-04-30

通俗易懂的梳理MCP的工作流程（以高德地图MCP为例）

2025-04-30

一文说明 Function Calling、MCP、A2A 的区别！

2025-04-30

MCP很好，但它不是万灵药｜一文读懂 MCP

2025-04-30

旅行规划太难做？5 分钟构建智能Agent，集成地图 MCP Server

2025-04-29

10万元跑满血版DeepSeek，这家公司掀了一体机市场的桌子｜甲子光年

2025-04-29

谷歌大神首次揭秘Gemini预训练秘密：52页PPT干货，推理成本成最重要因素

2025-04-29

一文说清：什么是算法备案、大模型备案、大模型登记 2.0

2025-04-29

MCP：AI时代的“万能插座”，大厂竞逐的焦点

了解更多

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

立即咨询预约演示

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

2025-01-22

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

2025-01-22

热点资讯

本地部署大模型？看这篇就够了，Ollama 部署和实战

2024-08-13

16个具有“联网搜索”功能的AI：总有一个适合你！

2024-06-13

Cursor 一个真正让程序员产生危机感的 AI 编程工具

2024-08-21

OpenAI o1与GPT4o的对比分析

2024-09-23

大模型｜“上下文长度”和“上下文窗口”不再傻傻分不清楚！

2024-07-31

一文带你了解大模型——智能体（Agent）

2024-05-28

50+个AI大模型在不同领域的应用案例

2024-08-04

全面对比dify、coze、streamlit、chainlit

2024-04-26

【深度】AI搜索产品深度分析-搜索原理和商业模式分析

2024-07-09

一文读懂OpenAI新发布o1系列大模型

2024-09-17

大家都在问

打起来了！MCP VS A2A，谁才是Agent的未来事实标准？

2025-04-29

Google 的 A2A 与 MCP 该如何选择？还是两种都用？

2025-04-29

精华好文！用LLM评估LLM，真的靠谱吗？技术上如何实现？

2025-04-29

大模型是否有必要本地化部署？

2025-04-28

给 AI 小白的说明书：什么是 Manus？AI Agent为什么重要？

2025-04-28

MCP爆火背后：AI Agent的生产力时代来了吗？

2025-04-28

从MCP到超级Agent：这场AI生产力革命将淘汰谁？

2025-04-28

一文了解：为什么大模型 Agent框架（A2A）采用 JSON-RPC 2.0？

2025-04-28

热门标签

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