一句话定义:设计原生模型(Design-Native Model)是一类从训练阶段就把「设计文件的结构」当作学习和生成对象的模型——它交付的不是一张图,而是一棵可以直接在 Figma 里继续编辑的图层树,其中包含命名、分组、矢量路径、组件和样式。
它和文生图的根本差别
用文生图(Text-to-Image)模型生成设计稿,本质上是「生成一张截图」。截图能看,但不能改:想把卡片从两列变三列、把按钮圆角从 8 改成 6,只能重画或者重新生成一次,而重新生成必然连带着把其他地方也改掉。
打个比方:你要一份合同,对方给你一张打印好的 PDF 扫描件,还是给你一份 Word 源文档?前者只能看,后者能改条款。图片模型给的是扫描件,设计原生模型给的是源文档。
差别来自训练数据的形态。图片模型的训练数据是「图 + 文字描述」的配对;设计原生模型的训练数据是设计源文件本身——图层的层级、图层的命名、自动布局(Auto Layout)的约束参数、填充与描边、颜色与字号变量(常被称为设计令牌,design token)、组件与实例的引用关系。这些文件天然带结构,就像语言模型学的是一句句有语法的句子,它学的是一个个有父子关系的节点。生成过程也因此更像「预测下一个节点和它的属性」,而不是「逐像素去噪」。
和相邻概念的区别
| 维度 | 文生图模型 | 设计原生模型 |
|---|---|---|
| 输出物 | 像素图 | 图层树、矢量(vector)路径、组件与样式 |
| 可编辑性 | 只能重绘或局部修补 | 改文案、换色、调间距、拆组件 |
| 训练数据 | 图片与文本配对 | 设计源文件中的节点、属性、约束、命名 |
| 好坏标准 | 像不像、好不好看 | 结构是否合理、能否一次改对 |
它也不等于设计稿转代码(Design-to-Code):后者是把人做好的稿子翻译成前端代码,前者是直接产出稿子本身。
对实际工作的意义
在设计协作里,价值主要落在三处。一是可迭代:设计师说「这个卡片改成三列、字号降一档、换成暗色主题」,模型在文件里改,改完还能继续手动微调。二是可审阅:因为结构还在,版本对比能看清到底动了哪几个图层,而不是对着两张图找不同。三是可约束:模型可以引用团队已有的组件库和设计令牌,让输出先天符合品牌规范,而不是生成一堆「差不多但每处都不对」的样式。
对非设计岗的人来说,这意味着以后描述需求,拿到的是一份能接着改的稿子,而不是一张需要设计师从头重做的图。
需要提醒的是,这条路比生成图片难:高质量的设计源文件大多私有、格式不统一,而且「结构合理」比「画面好看」更难自动打分。各家工具的具体能力和支持范围差异较大,以官方页面为准。
