AI For Frontend
如果无法正常显示，请先停止浏览器的去广告插件。
1. AI for Frontend
朱兴民（偏右） · 蚂蚁集团支付宝前端平台负责人
蚂蚁终端体验科技大会
2. 前端工程 0.x
程化
智能化
模块化
BFF
低代码
RAG
DevOps
“美工”
前端工程 3.0
工程师
全栈
🧑💻👩💻🧑💻？
3. 从 Frontend for Backend 到 Backend for Frontend
👉
Frontend for Backend
Backend for Frontend
狭义 BFF：介于前端与后端服务之间的一层，为特定前端界面提供量身定制的数据聚合、接口裁剪和业务组合。
广义 BFF：前端具备服务端的能力
4. 从 Frontend for Backend 到 Backend for Frontend
👉
Frontend for Backend
Backend for Frontend
🧬
前端的职责边界
得到扩展
🔄
前端能自闭环所需
的能力平台
🤹
推动前端
向全栈演进
5. Frontend for AIAI for Frontend
前端为 AI Native 应用
提供工程和交互解决方案AI 终将改写前端生产范式
和人机交互模式
6. State of Frontend in 2025
7. 前端工程师 JD 里 AI 的比例正在显著增加
某淘
某蚁
某鹅
某音
基于公开数据整理 2025.11
8. 前端工程师 JD 里 AI 的比例正在显著增加
9. AI 应用工程师已成为显著的市场需求
✅ AI or Agent 应用工程师已经逐渐从现有岗位职责中
分化出来，尤其是服务端的转型更为激进。
✅ LLM、Prompt/Context Engineering、RAG、
MCP、Multi-Agent、LangChain、评测、数据成
为 JD 中的常见关键词。
✅ 相比其他角色分化出来的 AI 应用工程师，前端中分
化的这批人具备更强的产品 sense，对用户体验敏
感，有更强的端到端交付潜力。
10. Software 1.0Software 2.0
Speci abilityVeri ability
Resettable
Ef cient
Rewardable
Software 1.0 easily automatesSoftware 2.0 easily automates
what you can specifywhat you can verify
软件 2.0：从可指定到可验证
11. 蚂蚁前端在 FFA 到 AFF 的探索
Chatbot
Vibe Coding
生成式 UI
新人机交互
Software 1.0Software 2.0
Speci abilityVeri ability
12. 蚂蚁前端从 FFA 到 AFF 的探索
Chatbot
Software 1.0
Vibe Coding
生成式 UI
新人机交互
Software 2.0
13. 蚂蚁前端从 FFA 到 AFF 的探索
Chatbot
Software 1.0
Vibe Coding
生成式 UI
新人机交互
Software 2.0
14. 蚂蚁前端从 FFA 到 AFF 的探索
Chatbot
Software 1.0
Vibe Coding
生成式 UI
新人机交互
Software 2.0
15. 蚂蚁前端从 FFA 到 AFF 的探索
Chatbot
Software 1.0
Vibe Coding
生成式 UI
新人机交互
Software 2.0
16. 蚂蚁前端从 FFA 到 AFF 的探索
Chatbot
Software 1.0
Vibe Coding
生成式 UI
新人机交互
Software 2.0
17. 从前端工程师到 AI 全栈工程师
Agent
大模型
🦸
👩💻
工程
Web
🦸
数据
体验
端
做 AI 时代的用户体验与工程实践 的 Veri er
18. Thanks！
探索 AI 时代的用户体验与工程实践