十年前我做一个主页要报 3000 块，今天一句提示词

马识途·约 5 分钟阅读

2026年10月4日10月4日

文章目录

部分视频或图片暂未收录，已在正文保留提示；需要时可查看原文。查看原文 ↗

导读：十年前我做一个网站主页要报 3000 块，今天一句提示词！蚂蚁开源参数均为6B的 Ming-Image-0.1-Design 系列（包括 Ming-Image-0.1-Design 和 Ming-Image-0.1-Design-Layer ）加 ling-ui-design这个 skill，把"设计出图 → 拆层切图 → 前端页面"这条老流程，压成了一句提示词。

2016 年，做一个主页要三拨人

2016 年，我从当时一家互联网大厂离职，自己创业做过一段时间的个人站长。自己运营网站，也接给别人做网站的活儿。

那时候做一个网站，得凑齐三拨人：

设计负责出图。交出来的是 PSD 文件——主页、栏目页、专题页、内容页，每一张图上都要标清楚图标、文字、图片的尺寸和规格。这是一份给别人照着做的说明书，不能含糊。

前端负责切页面。照着 PSD 把设计还原成网页，写出 html、js、css。切片、量距离、对色值，一张页面切半天是常事。

后端负责搭后台。数据库、管理程序，一般用织梦、帝国那类 CMS。内容要能录进去、改得了、发布得出来。

一个普通网站，主页加栏目页加内容页，设计和前端打包报出去，底价大概 3000 块。要求高的再加钱。这三拨人里，只要客户说一句"logo 换一下、这句话改一下"，前端就要回去改代码，设计可能要重新出图，改一轮挺麻烦的。

今天，同样一件事，一句提示词就能搞定了

现在我把"做一个本地家政服务公司的官网首页"这句话丢给我的Agent，大概几十分钟后就能看到一整页完整的设计：

媒体暂未收录，可在原文中查看

但一句提示词本身不是魔法。它背后是三样东西在接力，而且正好对应当年那三拨人:

设计出图那一步，现在是 Ming-Image-0.1-Design;

拆层和切图那一步，现在是 Ming-Image-0.1-Design-Layer；

前端切页面的那一步，现在是 ling-ui-design 这个 skill。

下面一棒接一棒说。

第一棒：Design，把主页画出来

设计用的UI 页面和普通图片可不是一回事：你要的不是一张好看的画，是一张信息排得清楚、前端开发能直接用的图，少一个字、按钮位置偏移或卡片关系混乱，都可能让结果无法直接使用。这正是当年设计要标尺寸规格的原因——差一点就不能用。

参数为6B的Ming-Image-0.1-Design 为此做了四件事：1）支持 8K 长结构化提示词，把你一句话的需求组织成文案、模块、布局和视觉风格；2）优化了标题、按钮、卡片和多区域信息的文字渲染和版式稳定性；3）它端到端一次生成整张设计，配色、构图和素材风格统一；4）第四条值得单独说：它创建了原生 RGBA VAE，能直接生成人物、商品、图标、装饰这类透明背景素材，这使得下一步的抠图非常方便。

效果上它也确实能打。在 Artificial Analysis 的 UI/UX Design 专项评测里，它在开源模型中排第一：

第二棒：Layer，把它拆成能改的图层

这一步是整套流程里最容易被低估的。

出图只是开始。文案要调、主体要移、背景要换、商品图要能单独复用。而如果手上只有一张扁平的图，那改一句话要重切页面。

Ming-Image-0.1-Design-Layer （参数同样为6B）做的事不是普通抠图，而是在恢复一张设计图背后的结构。

它把一张设计图拆成 2 到 9 个语义独立的 RGBA 图层，按文字、卡片、主体、背景这些设计角色组织，保留透明边缘，把被遮挡的区域补全，并且保证所有图层叠回去之后还是原来那张图。

背后是三个机制：Type Token 告诉每个图层自己承担的是什么角色；Alpha-Aware Layer Optimization 专门优化透明区域和边缘；Composite-Layer Stack Consistency 通过重新合成，检查各层能不能还原原图。对应到使用体验，就是内容分得更清楚、边缘更干净，叠回去以后也更接近原始设计。顺带一提性能：在 Crello-Test 图层解耦评测里，它 12 项指标全部第一。