2026年，AI正在重写网页设计师的工作流——从Figma AI到Vercel v0，我试了一圈

去年还在Figma里拖矩形框手动画组件的时候，我完全没想到今年会变成这样。

2026年过半，网页设计这个行当的变化比前面五年加起来还多。不是危言耸听——我身边做UI的朋友基本都在用AI辅助了，不是「试试看」，而是日常干活就在用。

Figma AI：从空白画布到可编辑初稿

2025年底Figma正式把AI功能嵌进编辑器，不是插件，是原生集成。选中一个frame，右键点「Generate UI」，描述一下想要什么——比如「一个SaaS仪表盘，左侧导航，顶部数据卡片，中间折线图加表格」——三秒钟给你一组可编辑的界面。

不是说直接就能用，肯定要调。但它省掉了从空白画布开始画矩形框的那一步。对我这种经常做后台管理系统的人来说，省下的时间大概在40%左右。

更实用的是图层命名和自动布局。以前给几十个frame起名「Frame 1273」这种事谁干谁烦，现在AI全自动处理。自动布局的嵌套结构以前调半天，现在AI猜你的意图，准确率大概七八成，剩下一两成手动微调就行了。

Vercel v0：从玩具到生产工具

v0这东西2024年刚出来的时候更像玩具——文本框里描述一下，出来一个React组件预览。到2026年已经完全不一样了。

现在的v0能理解完整的设计系统：告诉它品牌色、字体、圆角半径、间距规则，它能按你自己的设计规范生成页面，不是那种千篇一律的Tailwind默认样式。而且输出的代码质量比2024年涨了一个数量级，基本可以直发生产环境。

上个月我拿v0试了个需求：客户要一个带搜索和筛选功能的产品列表页。我把需求写成一段话丢进去，出来的结果改了不到十行代码直接上线。大概花了十分钟。放以前这种页面怎么也得半天。

v0干的是重复性最高的那部分——写无数个div、调padding、对齐flex布局。真正决定页面好不好用的是信息架构和交互逻辑，这些AI目前还替代不了。

其他值得关注的工具

Relume——专门做网站信息架构和线框图的。需求文档丢进去，它出一套完整的站点结构加每个页面的线框。不是乱编的，底层用了经过几万个真实网站数据训练的模型。从信息梳理到线框图完成，两个小时。放以前至少两天。

Galileo AI——更激进。描述一个界面，直接生成Figma源文件，带完整图层结构。不能说100%可用，我测了大概二十个场景，有一半左右改改就能交稿。

Diagram的Magician——专注图标和插画生成。以前设计稿里缺个图标，要么去iconfont翻半天，要么自己画。现在描述一下三秒出图。

这些工具到底改变了什么

第一，设计师的角色在变。以前大部分时间花在「执行」上——画框、调间距、切图、做各种状态。现在这些被AI吃掉以后，精力更多放在「判断」上：方案对不对？用户看到这页会怎么想？品牌调性有没有跑偏？

第二，设计和开发的边界越来越模糊。v0可以直接出代码，Relume能自动导出Webflow和Framer项目。设计师不需要会写代码，但需要理解代码的运作逻辑。

第三，门槛确实在降。我一个做运营的同事上周自己用v0搭了个还不错的活动落地页，从零到上线两个小时。两年前这种事完全不可想象。但反过来，那些只会画静态页面、没有产品思维的设计师，压力会越来越大。

现在还不行的地方

Figma AI的生成结果有时候很「平」——符合规范但毫无惊喜。它擅长做80分的常规页面，但突破性的、有辨识度的设计，目前还是得人来。而且对中文语境的理解偶尔翻车：让它设计一个中文电商详情页，字体排版的处理明显没有英文那么自然。

v0也一样，生成复杂交互的时候常常掉链子。表单的多步验证状态、骨架屏加载动画、手势操作——这些目前还得手写。

但这些都不是根本问题。根本问题是：当AI能在几分钟内生成一个80分的页面的时候，设计师的核心价值到底是什么？不是会不会用Figma、会不会调像素对齐。是你能不能理解业务、能不能抓住用户心理、能不能在几十种方案里挑出最对的那个。

如果你还在观望，先拿v0或者Figma AI试一个真实项目。不需要什么学习成本，就是一个真实需求丢进去看能出什么。这种感觉一旦有了，你大概就回不去纯手动干活的年代了。

标签： AI设计工具 Figma AI Vercel v0 网页设计 UI设计 设计工作流 AI辅助设计 Relume Galileo AI