design.md使用方法

一个 g hub 项目觅向了 apple， spotify、 airbnb 等三十多家大公司的设计系统，把每一家压成一个 d z n m d 文件免费开源。什么意思呢？你写代码的时候，把这个文件丢进项目根目录，告诉 cloud code 或者 cursor。 按这个设计系统来，出来的 ui 就是 spotify 的 风格 或者 apple 的 风格，不是截图，不是 figma 链接，是一份完整的设计规范。配色字体间距，按钮布局模式，全写成了 ai 能直接读的 markdown 格式。这个概念叫 d e s e m d 最早是 google stitch 提出来的， 类似于 asians。 md 告诉 ai 怎么构建项目， design dmd 告诉 ai 项目应该长什么样。目前收入了五十五家公司，从 versio， linear 到 bmw， spacex， 设计师做一套定制设计系统，收费五千美金起，现在一个 md 文件就搞定了，你觉得设计师慌不慌？

总是头疼 ai 生成的网页太丑，或者想一键复刻顶尖网站的 ui 设计？今天给大家分享一个在 tiktok 上狂揽一万六千多颗星的宝藏开源项目 awesome design md， 堪称 ai 时代设计师和开发者的效率外挂。什么是 d 赞点？ md， 它是 google search 提出的全新概念， 简单来讲就是一份专门写给 ai 看的纯文本设计规范。你不需要繁琐的 figma 导出，也不用搞复杂的 json 配置文件，它就是一个极简的 markdown 文件。虽然它只是个文档，但它拆解了九大视觉板块，从视觉、氛围、色彩、角色、字体排版到阴影层级组建样式，甚至还贴心的包含了设计避坑指南和专门给 ai 的 提示词向导。 这就相当于把一套完整的设计系统直接喂到 ai 嘴里。而它的用法也相当简单，这里以 codex 为例，先将地址发给 ai， 让它自行安装，安装完成之后，按照格式说出想要的风格和内容， 就能直接生成一个网页。这个项目里已经整理了很多网站的现成文件，比如 ai 圈的 cloud 极简开发工具 cursor 和 linear， 还有设计天花板级别的 apple stripe、 figma 等等，风格随便挑。无论你是想做独立产品的开发者，还是想让 ai 更听话的设计师，这个开源项目都是一个很好的起点，赶紧去试试吧！

做个人项目或者副业，代码逻辑很快就能完事，但一看前端页面做出来的东西像十年前一样丑，老板嫌土，用户不用，这是多少程序员最大的痛。但今天，大厂设计的门槛被彻底砸碎了，给淘宝上爆火了！一个十九点三 k star 的 神级酷 awesome design， md， 有个大神把 apple、 spotify、 airbnb 等五十多家全球顶级公司的 u i 设计规范全部反向工程，然后打包成了一个个简单的 bug 到文件怎么用，简单到令人发指。第一步，把你喜欢的公司的匿答案文件复制到你的项目里。 第二步，在科室或者考拉到里打一行字，按照匿答案 md 的 规范帮我写个登录页哈，奇迹发生了，你的那个页面瞬间拥有了行业顶级的呼吸感，圆角和阴影。 听老兵一句劝，别再苦哈哈的调 c s s 了，赶紧把这个原码克隆到本地，这玩意以后你绝对用得上！链接我放评论区了，你的页面想穿谁家的衣服？

谷歌真的不讲武德，重磅开园，点赞点 m d， 从此做设计可能真的不需要审美。简单来说，他把 apple、 airbnb、 tesla、 cloud 这些顶级大厂的设计灵魂全部押进了一套极简的 macdunk 文件里。 你只需要把文件丢给 ai， 它就能按规范帮你把整套页面做出来。不是模仿哇，而是像素级的复刻。 top 的 极简留白， l b n b 的 温暖色调，特斯拉的硬核科技感可露的刻字优雅。从配色系统、字体规则到按钮样式、卡片间距、交互逻辑通通，一个不差。 想想你之前浪费了多少时间调色、改间距、对齐像素，现在一个文件全部解决哇！项目刚上线 github， 就 斩获了三十天的 star， 所有的筹网站终于有救了！不懂设计也可以做出媲美大厂的产品，赶紧去试试吧！关注我，每天一个 ai 小 技巧！

兄弟们，今天为大家介绍本周 github 最火的设计师项目 awesome design， md 一 周拿下二十三 k stars 迅速成为设计工具类开源爆款。它就是一个 ai 超大厂 ui 设计系统的现成宝库，收集了五十加个顶级网站， cloud， cursor、 linear、 notion、 stripe、 figma 等的完整 design 点。 md 全是纯 markdown 格式，你直接复制一个扔进项目跟目录，告诉 ai 代理 cooser， cloud 等， 按这个 design 点 m d 给我建页面， ai 就 能秒出像素级一模一样的 ui。 ai 工具、开发、平台、设计、生产力、金融、汽车、基础设施应有尽有。以前让 ai 帮你做界面，风格总是不对味儿，现在直接抄作业，大厂设计系统 几秒钟出专业级 ui 风格统一又高级。和所有用 ai 写前端的开发者、产品原型党独立开发者用了，直接从 ai 乱画进化到大厂质感。记得点赞关注哦！

一键复刻大厂网站 ui 这个开源项目杀疯了！这是本周最火的设计师项目 awesome design md， 一 周之内狂揽两万六千加斯特。它是一个收集了五十加个顶级产品 d 三 md 文件的宝库， 包括 stripe、 versa、 linear、 notion、 figma、 apple、 spotify、 lbd 等知名网站的设计系统。受 google state 启发， d 版写清楚颜色、系统字体、排版、间距、网格组建状态、响应式、断点等等全部结构化。它的用法非常简单， 从仓库里复制一个你喜欢的 d 三 d m d， 放到项目跟目录，告诉你的编程 agent、 cloud、 grog、 cursor 等。根据这个 design， m d 帮我建一个页面。要完全匹配风格， ai 就 能立刻生成专业一致、高品质的 ui， 省掉丛林搭建设计系统的时间，不再愁顾臊轮子，不再担心风格跑偏。对独立开发者、 ai 产品团队、想快速出高质量界面的创作者来说，这绝对是二零二六年最实用的设计神器。

这周在 guitar 部上超火的设计师项目，记住这个项目名字！在 guitar 部上一周狂揽三十二 k stars， 直接成为设计工具类开源爆款。它是大厂 u i 设计系统宝库，收入五十家顶级网站。完成第三， n d m d 纯 markdown 格式复制，扔进项目跟目录，让 ai 文档生成页面， 即可秒出像素级同款 u i， 覆盖 ai 开发、金融、汽车等全场景。以前 ai 做界面总不对位，现在抄大厂作业，即秒出统一高级的专业 u i 用了，直接升级大厂质感。

哈喽，大家好，我是迪迪，今天想跟大家来分享一下，在做产品的时候遇到一些设计的问题，经常会困扰到我的 一些事情。就是用 ai 写代码出来的一些网页和产品的界面，基本上好像都是长一个样子，黑色的底，紫色或者蓝色或者灰，按钮式灰不拉几的，间距有些大，有些小，字体也不是我喜欢的多，几个页面的话，整个风格其实它就是不那么一致性。 所以今天想带大家来看一个开源的项目，是我这两天发现一个非常好的五秒钟的时间，其实就能够把我的产品做成顶级的一些 ui 设计师的水平。 那我带大家来看一下它这个开源项目里面包含了什么，以及 ai 到底能够给 ui 设计提供什么样的一些帮助。 那首先我想跟大家讲的是什么是 design 点 markdown， 那这个呢？它其实就是一个纯文本的一个设计规范的文件，你可以理解成它就是给 ai 看的设计系统的一个说明书，里面写清楚了包括一个网站应该用什么样的颜色，什么字体，什么间距， 组建的样式，布局的规则等等，但这些全部都是用文字 markdown 的 格式写的，不需要 figma， 也不需要 jason， 不 需要非常复杂的一些格式， 所以在这个项目里面，它其实已经收入了五十五个左右的一些知名网站的设计系统，包括了 cloud， stripe、 figma、 linear、 versal 这些，其实已经很多顶级的 ui 设计师参与设计的一些情况了， 那他们的设计规范全部被写成了一个个的 design markdown， 你 只需要把你想用的那个网站的 markdown 的 文件丢到项目的根目录， ai 编码工具其实就能够直接的读取，然后生成的 ui 呢就自动对齐，并且设计规范。 所以这个是什么？是 markdown？ 那 在 ai 做 ui 的 一个核心痛点会有一些情况，主要有四个吧，我觉得第一个就是千篇一律，你用 cursor 也好，还是我其实用 cloud code 也好？ ai 默认生长出来的这个界面，它都是长一个样子， 很多黑色底、白色底或者带阴影的一些非常通用的风格，其实一一眼就能看出来这是 ai made it， 也不是那么的赏心悦目。 那第二个就是风格漂移，你让 ai 做一个页面，其实第一个效果还行，但是让它做第二个第三个页面颜色就开始会不一样，间距也会开始有一点点乱，字体忽大忽小也不一致， 页面就会越来越多，这个时候可能会用一些拍上的脚本让它整个页面保持一致，但是还是达不到专业设计师他们的那个顶尖水平。 第三个就是 ai 做的时候沟通成本会非常高，我告诉他一个事情，他就只改这个，但是因为我自己也不是设计背景出身的， 所以我想要的这个语言和他能够 get 到那个语言，他会有一个 gap， 所以 这些语言非常的模糊，所以导致 ai 他 并不能完全理解我想要什么样的一个结果，所以沟通成本会非常的高。第四个就是像我经常做一些产品的时候， 设计师我是没有的，在这样的一个情况下，现在很多 o p c 艺人公司，他们也是没有专门的这些团队设计师有这样的一个情况下，设计其实就是一个短板了，会卡在这边，那这个时候我们就很好的能够借助 ai 来帮助我们去填补设计师这个岗位。 所以这四个问题它根本原因其实就一个， ai 有 能力去写前端的一些代码，但它缺少设计上的一些上下文，就是它不知道我想要什么样的风格， 而这个 design 点 markdown 就是 这个设计上下文，用 ai 最能够理解的格式去绘给他，让三步上手，其实就能够小白也能够非常快的就能够用起来。 第一步呢，就是到我刚刚说的那个 github 上面去把这个里面的项目看到你想要的同类型的网站的 design markdown 有 目前有五十五个模板，那可能后面还会多 包括刚刚提到的 stripe， linear， raster 这些不同的网站。那第二步呢，就是把这个文件复制粘贴到你的项目根目录里面，跟你的 package 点 json， index， t s x 这些不同的一些文件放在一起，其实基本上是零配置的，它就是一个 markdown 的 文件，不需要做多余的一些额外配置。 第三步呢，你就告诉你的 ai 编码工具说按 design demo 来，不管你用的是 cursor 还是 cloud code， loveable 等等，它都会自动的去读取这个文件，然后按照里面的规范去生成风格统一的 ui。 所以 在这个情况下，我们不再需要有额外的成本去学 fake 码，去学 jessie 码， 只要复制粘贴就能用五秒钟就能够轻松上手。那么接下来跟大家简单分享一下 design demo 里面到底有一些什么 里面呢？会有九个章节。首先是一些色彩的系统，包括一些羽翼化的颜色名，十六净置色值，背景色用什么， primary 的 颜色是用什么， danger 的 颜色是什么等等，它都会有一套自己的色彩系统。那这些其实对于一个外行的 朋友来讲，他可能并不是那么的了解，但是在这个 design markdown 里面，他都已经给你规范了，如果你有兴趣可以去深入的读一下。那第二个就是一些排版规则，包括字体用什么，家族啊，标题用多大，政文多大，行高多大等等，他都会有一套层级的规范， 一些布局的间距啊，元素之间它的一些比例是多少，组建的样式，包括按钮、卡片、输入框、弹窗，每个组建长什么样子， hoover 的 时候，它这个状态是怎么样的？ disable 是 什么样的？ 那我之前是有跟设计的小伙伴有深度的合作过，他们一份 figma 的 文件要开一些 design critic， 要开各种的讨论会，其实一份基本的页面需要非常多的时间去讨论完成，我们现在其实就是一个开箱即用的一个情况，已经基本上技术平全了。 那在之后呢？还有些设计竞技，包括什么，能做什么，不能做什么，比如不要用渐变呀，或者说不要用圆角，特别的一些约束，他都会在竞技里面给你加入， 还有些响应式的规则，断点、触摸目标、收缩策略等等。所以在整个文档里面，他会有九个章节覆盖，从视觉的主题到体式词、速查表的一个完整的规范。 所以这个是 design markdown 里面到底包含了哪些东西？接下来就想跟大家分享一下你有这个 design markdown 和没有 design markdown 它的一些区别。那没有的时候你每次都要说我想要 stripe， 那 网站那样的风格等等，那 ai 可能理解对了，也可能没有理解对，所以它每一次出来的东西它都是不一致的，那有了之后 ai 就 会自动的读取规范，所以是零沟通成本。第二 个呢就是关于一些页面的颜色字体间距，有了之后其实都是零沟通成本。第二个呢就是关于一些页面的颜色字体间距。有了之前我们需要 e i vega 吗？设计师啊， 一个 o p c， 它是没有办法去有那么多的资金和时间去管理，所以现在我们是五秒搞定设计系统，最主要的就是我们可以控制 ai， 有 强大的约束力，而且能够保证整个产出是质量稳定的，所以可以理解成这个 design markdown 就是 给 ai 的 一个设计系统的 prompt。 所以 最后再来总结一下可以怎么用，就是选一个你喜欢的网站，直接用它的 design markdown， 或者说你自己真的非常有想法设计的理念，你也可以自己按照它的这个模板去写一份你自己想要的一个 markdown 文件， 它是适配所有的主流 ai 的 编码工具，而且它开源免费啊， gps 上面可以用。如果说你也在 ai 上面写前端的话，强烈建议可以试一下，真的体验会完全完全的不同。今天想跟大家分享的就是这个宝藏的 design markdown。

现在有个工具，能把一个网站直接拆成 ai 能读的设计系统，不是先临摹截图，你丢一个 url 进去， 它会先吐出一份 d s e mark md， 你 可以把它理解成给 ai 看的设计说明书。看完你就知道这东西为什么可能改写 ai 做网页的流程。这份说明书里 不只是颜色和字体，连按钮样式、卡片结构、排版节奏、暗黑模式、规则都会一起整理出来。然后你再把这份 diy 胭脂加上网页截图，一起喂给 curser 这种 ai 编程工具， 它就能按这个风格把页面复刻到非常接近。推文里演示的就是 cursor dot com， 左边是提示词和 d s e s e m d， 右边直接开始长出同风格页面。但重点不是它能复刻页面，更狠的是，它在提取网站背后的设计语言，评论区补的信息也很关键。这个工具其实就是 auto build， 是 d 三扣的门凸座的，而且现在已经开放免费试用，不是 pro 才能用。所以这东西真正厉害的地方，不是帮你抄一个网页，而是先把网站风格拆出来，再压成一套 ai 能反复复用的标准模板。以后做网页，可能先让 ai 读 d s n e r m d， 再弹写代码。前期对齐风格这一步 效率会高很多。但问题也来了，如果风格组建、版式规则都能被 ai 提取成 markdown， 那 设计系统的护城河到底还剩多少？你觉得这是设计师的新武器，还是壁垒正在变薄？

designm d 首发全新设计系统，彻底告别 ai 乱画。下载地址， h t t b s 冒号斜杠斜杠 get up 点 com 斜杠 wall to agent awesome design midi design fab m d 提供多个模板，五十多种风格任选，总有一种适合您的应用，直接复制即可使用。 三步搞定一步复制模板下的第一次性点 md 文件第二步，粘贴到你的项目目录下第三步，告诉您的 ai 代理，为我构建一个像这样的页面， 这样您就可以获得真正匹配的完美 u i。 不 需要手动画图，开发效率翻倍链接在简介，快去试试。第三一点 md。

一觉醒来，谷歌又干掉了一个百亿美金的市场，搞了一个氛围设计产品 stage。 消息一出，飞格玛的股价硬生生下跌百分之八。更狠的是，谷歌这次还顺带立了一个新标准，叫 the 三点 m d。 就 像当年 ags 点 m d 颠覆代码邪作一样。现在要重新定义设计行业的底层规则，它能把自然语言直接变成高保真 ui 设计。 比如 ai 原生化部，这是一个能同时思考图片、代码和文本的无限战场。一个智能体管理器能让你同时开展多个设计任务并行作战。你甚至可以用语音直接驱动设计，实时获得修改意见和全新方案。 ai 还能预测你点击后的下一个界面。 我最喜欢的是这三点 m d， 每个设计自动生成，设计系统还能导入导出规则，保证一致性。这意味着，一个资深设计师花半天时间摸索调整对齐的设计风格和页面。现在你只需要用语言描述你的氛围感，在点击生成的瞬间，一个风格统一、原型可用的方案就已经摆在面前。

你用 ai 写的应用功能没问题，但 ui 一 眼就看出是 ai 做的。以前修这个请设计师三千到一万美金等几周，现在有一套工作流，一个人一个下午搞定。 google stitch 二点零加 cloud code， 通过 m c p 连接， stitch 负责设计， cloud 负责代码，各司其职。你把应用截图丢进 stitch， 写一句 prompt 说明方向。它会生成多个设计遍体。关键是 它先出图再出代码，不受 html 和 css 限制，所以设计质量远超直接让 ai 写前端。更重要的是， stitch 会自动生成一个 design md 文件，里面包含完整的设计系统、 字体、层级、配色、方案、组建规则。把这个文件放进项目根目录 c load code， 每次 prompt 都会参考。它解决了 ai 应用最大的痛点， 多页面设计不一致。通过 m c p 连接后， cloud 直接读取 stich 的 html 和 css 源码，不是猜着做，是读懂真实布局后，在你的代码里重建，甚至会自动加好玩效果，和过度动画同一个 session 里还能接 superbase， stripe versa， 一 键上线一个 mark 档案文件，干掉了三千美金的设计师预算。

谷歌真的不讲武德，帮我设计一套小红书风格兴趣电商网站的 u i， 包括首页、列表页、详情页、订单页、个人中心页等等，正在设计中，请稍等。哇，太棒了！小红书风格的电商网站已经创建好了，你想看看哪个页面 把这些页面生成一套交互原型？我可以设计一套包含订单详情和追踪的完整流程，让你的电商体验更加流畅。正在生成中，请稍等片刻互动流程页面已经完成了！ 一句话，生成一套交互图，能点能动，太适合做屏审了！而且 space 还自带一整套 ui 规范， md 格式的 直接丢给任何 ai 都能读，你自己设计的规范也能喂给它设计和开发。第一次真正打开，这就叫专业！最重要的是完全免费，赶紧去试试吧！关注我，每天一个 ai 小 技巧！

hello， 大家好，欢迎收看，今天我们来聊一个特别有意思的话题，我觉得开发者和设计者听了可能都会很兴奋，就是我们怎么能只用一个超级简单的文本文件，就能让 ai 帮你生成那种风格完全统一的非常漂亮的 ui 界面呢？ 不知道你有没有过这种经历啊，就是你满心欢喜的让 ai 给你写个界面，结果呢，他给你的东西，哎呀，简直就是个血绝灾难，颜色乱七八糟，布局也奇奇怪怪，跟你想要的品牌风格完全不占便。 如果你也踩过这个坑，那今天的内容你可得好好听听了。那问题到底出在哪呢？说白了，就是现在的这些 ai 编码智能体啊，它其实看不太懂我们平时用的那些设计系统。 你想想，不管是那种很复杂的 fig 码文件，还是用 jason 写的那些设计规范，对 ai 来说就跟读天书差不多，但没法准确地 get 到里面的设计精髓，所以最后搞出来的东西嘛，效果总是不太好。 那么咱们是不是可以换个思路，有没有一种嗯， ai 能听得懂的设计语言呢？当然有，答案就是我们今天的主角， design md， 你 可以把它看作是一个全新的设计蓝图。 说得简单点儿， design， md， 其实就是一个纯文本格式的设计系统文档。对，你没听错，就是纯文本。 它的目的只有一个，就是让 ai 智能体能轻松地读懂它，理解它。然后呢，就能按照你的要求生成风格完全一致的 ui 界面了。 那 design md， 最牛的地方在哪儿呢？我觉得就在于它，它就是个 markdown 文件，就是我们平时写文档用的那个， 这就意味着你根本不需要任何特殊的工具，也不用去导出什么复杂的文件。最关键的是，现在的大语言模型，他们天生就最会读这种纯文本和 markdown。 所以 啊，这不就等于我们在用 ai 最舒服、最能理解的方式跟他交流吗？ 为了让大家更清楚地理解他的角色，咱们可以来做个简单的对比。你看，项目里可能还有一个叫 agent 点 md 的 文件，他告诉 ai 这个项目要怎么做， 就是功能和逻辑层面的事。而我们的 design 点 m d 呢，是告诉 ai 这个项目要长成什么样，定义的是外观和感觉。 这么一说是不就清楚了，一个像工程师，一个像设计师，分工特别明确。好了，那这个神奇的 markdown 文件里头到底都写了些啥呢？来，咱们一起深入地瞅瞅它的核心部分。 我们来看看这个文件的内部结构哈。他被分成了九个特别关键的部分，而且是环环相扣的。你看，首先是定调子的，就是第一部分视觉主题和氛围， 他定义了整个产品的气质和感觉。然后呢，就是基础的视觉元素，比如第二部分的调色板和第三部分的字体规则，这就保证了颜色和文字风格的统一。 接下来就是具体的积木块儿了。第四五六部分，分别定义了组建样式、布局原则，还有深度和层级，这些东西组合起来就成了我们界面的骨架和皮肤还没完。更贴心的是，它还有第七部分注意事项，这就像是给 ai 加了个护栏，防止它乱来。 最后两部分就更实用了，一个是响应式行为规则，另一个竟然是智能体提示指南，里面有现成的 prompt， 让你直接复制粘贴着用。你看，这九个部分加在一起，就是一个非常完整而且对 ai 超级友好的设计系统了。 好，了解了它的内部构造，你可能在想，这东西用起来会不会特别复杂？我跟你说，恰恰相反，它的工作流程简单到你可能都不信， 真的就两步，第一步，你把一个写好的 design 点 md 文件复制到你项目的根目录里。 第二步，跟你的 ai 智能体聊天的时候，直接告诉他用这个文件就行了。比如说你就直接跟 cloud 说，哎，按照我项目根目录下的那个 design 点 md 文件，给我做一个目录页面，搞定没了，就这么简单，没有第三步了。 你肯定会问，那写好的 design 点 m d 文件上哪儿找去啊？问得好，社区早就替我们想到了，已经准备好了一个巨大的宝库，就在 github 上，叫 awesome design 点 m d， 咱们来看看这个数字，八千八百多个星标，这可不是开玩笑的，这说明社区对这个项目有多认可，多喜欢，他绝对不是什么小众的玩意，而是一个正在快速成长的生态系统。 那这个库里都有啥呢？我给你举几个例子，比如说在 ai 和 machine learning 这个圈子里，从 cloud 到 mister ai 再到 xai 这些最前沿公司的设计风格，全都被做成了 design dot， md 文件你可以直接用。 当然了，顶级的开发者平台也肯定少不了，像是 versace 那 种酷酷的黑白极简风，或者 linear 那 种特别精致优雅的感觉，还有 super bass 的 那种深邃的绿色，基本上你喜欢的风格这里都能找到。 还不止这些，甚至连苹果、 spotify， stripe 这种大名鼎鼎的公司，它们的设计风格也都在里面。你想象一下，就复制一个文件， ai 就 能帮你搞出苹果那种质感，或者 spotify 那 种动感的界面，这事是不是酷毙了？ 好，说了这么多，咱们来总结一下这事到底为什么这么重要，它究竟改变了什么？ 我觉得这句话总结的特别到位，把一个 design 点 md 文件复制到你的项目里，然后你就能得到一个真正匹配的像素级精准的 ui。 简单说，它解决的就是用 ai 开发时那个最后一公里的视觉统一性问题。 它让 ai 不 再是一个只能给你生成个代码草稿的玩具，而是变成了一个真正能产出高质量，完全符合设计规范的得力助手。 所以这就引出了一个非常有意思的问题，让我们忍不住去想，一个这么简单的 markdown 文件，它真的有可能成为未来设计系统的标准格式吗？ 这背后是不是预示着一种全新的我们跟 ai 协助设计和开发的方式呢？我觉得问题真的值得我们每个人去思考和探索。

太疯狂了，谷歌的全新的产品把 ui 设计的桌子给彻底掀了，哪怕是一个完全不懂设计的普通人，也能一键做出这样高级感的 ui 界面。我现在要做一个节制餐，定制的网页配色、界面设计等我都不用去管，直接把对标这个秦始皇家的地址扔进去，它自动就把主题、 字体、排版等全部整理为一个设计文档，后面可以直接使用，但这还只是开胃菜。接下来我让他采访我，帮我设计这个产品，可以看到他直接化身为一个自身的产品经理，反我产品功能设计的细节。然后直接就帮我把产品的页面全部设计好了， 连新功能的页面也有。最变态的是，我点预览这个按钮，他直接帮我把所有页面关联到一起，上传冰箱图片，确认食材清单，制作编号，生成食谱，一键跳转。然后我再点一个不存在的添加食材按钮， 他直接根据上下文现场开发一个风格相同的页面弹窗，全程我都没有写任何银行代码，点不同的按钮就设计好了所有页面。最关键是 google stitch 目前是完全免费的。

md 网页 net 刻录歌曲 机器最好使用电池盒。 第一步，安装空白碟第二步，安装五号电池 第三步，接上数据线， 屏幕出现 pcmd 第四步，打开这个网址 第五步，安装驱动， 在设置里面勾选第一个， 点击这个小框，选择有 nintendo 的 这个， 然后点这个安装。 第六步，还是选歌曲刻录， 先点击电脑连接机器 主机跟九二零出现在页面上了，点击右下角加号按钮， 我们随意添加一首歌曲录入格式，选第一个 s p 通用的，点 ok， 电脑开始刻录， 看机器红灯闪烁，正在刻录， 这里大家注意， 歌曲最多十三到十五首，这都是老玩家的教训，歌曲不要多放入，重要事情说三遍。 好了，刻录完毕， 现在可以拔下数据线了，等一会 主机出现了这首歌曲， 确定可以播放？ 第七步，删除歌曲， 再次连接电脑 网页，点击歌曲出现垃圾桶，现在正在删除， 光盘空了， 屏幕出现 black disk， 删除成功，有时候碟会坏，大家可以更换碟测试。

最近啊，谷歌出了一个叫 stitch 的 全新 ai 设计工具，可以说是在整个设计圈里掀起了不小的波澜。那大家都在问一个问题，这东西到底是设计师的终极梦想呢？还是说是他们最可怕的噩梦？行，咱们今天就来好好聊聊这个话题。 你看，这一句话就特别到位，它完美的概括了现在设计师们那种又兴奋又焦虑的复杂心情。一方面吧，这工具承诺的效率简直是前所未有的，能让你的想法刷的一下就变成现实。可另一方面呢，它又让大家开始深深的思考，我们设计师的未来到底会是什么样？ 好，今天我们主要就分四步走。首先，咱们先看看 stitch 为什么既是梦想又是噩梦。 然后呢，我们会深入了解它最牛的那个功能，自动化原型引擎。接着，咱们也得客观地看一看它做出来的东西质量到底怎么样。随后，咱们来探讨一下，它在设计时的工作流里，到底应该扮演一个什么样的角色。 那么 stage 承诺的那个梦想到底是什么呢？其实啊，它带来了一个全新的概念，听起来特别酷，叫氛围设计。 你可以想象一下这个场景啊，你脑子里现在有个特别棒的点子，你只需要用几句话跟它描述一下，甚至随手画个草图都行， ai 就 能在几分钟之内给你生成一个视觉完整，功能全是的设计。这就是氛围设计的魔力， 它能把咱们脑子里那些模糊的灵感，瞬间就变成看得见摸得着的原型。这么一来，一个核心的对比就出现了。 你看左边是人工智能，它的优势就是快，快得吓人，而且能给你无数种方案。而右边呢，是我们人类设计师，我们有的是经验、同理心，还有对那些设计细节的直觉。说实话，这些东西恰恰是 ai 目前还学不来的人类特质。 好了，现在咱们就来深入看看 stitch 的 核心，也就是它最颠覆性的那个功能，全自动交互式圆形引擎。 你可得记住啊，他生成的不是一张张孤立的死板的图片，而是能把这些图片智能的连起来，给你创建一个完整的能让你实际点击和体验的用户流程。 你看，这整个过程简直像变魔术一样，第一步，你给他一个想法，第二步和第三步呢，他会根据你的品牌设计系统，自动生成所有你需要的页面，保证颜色、字体组建都是统一的。但真正神奇的是第四步， ai 会像一个经验丰富的设计师一样，自动去理解这些页面之间的逻辑关系，然后把它们串联成一个完整的、可以交互的用故旅程。 你看，这是一位用户体验完之后发自内心的感叹，你想想，过去咱们设计师连接原型页面，那可是个又花时间又无聊的活儿，现在好了， ai 自动就给你全干了。 就是这种从生成图片到理解逻辑的跨越，才让 stitch 带来了这么颠覆的体验。这张图就把刚才说的自动化流程给生动地展示出来了， 他模拟了一个真实的用户路径，这就意味着咱们团队可以在项目刚开始的时候，就特别直观的感受到，从欢迎页到最后的结果页，整个体验顺不顺畅？那些核心按钮的转跳对不对？这种早期的快速验账，能省下大把的时间和成本。 而且 stitch 的 本事啊还不止这些，它能帮你建立统一的设计规范，让所有页面风格都保持一致。你甚至可以直接用语音命令它改设计，它还能生成热力图，帮你预测用户可能会点哪里。 最关键的是，设计稿能直接导出成开发代码，这一下就大大缩短了从想法到产品的时间，听起来是不是特别美好，简直完美！ 但是啊，咱们现在得从梦想回到现实了。一个功能上没问题的原型，就真的等于一个优秀的设计吗？很多资深设计师可不这么认为， 这就是问题的关键所在。一个能点的原型和一个能真正打动用户，用起来特别舒服的优售设计，这中间其实还有一条很长的路要走。 你看，一位资深设计师就给出了一个非常直接的评价，他觉得 stitch 目前做出来的东西，在美感和用户体验的细节上，说白了还是有点平庸，缺少了专业设计师才能注入的那种灵魂和巧思。 那具体问题出在哪呢？设计师们就发现， ai 生成的配色方案经常特别平淡，灰蒙蒙的，文本和背景的对比度也不够，看着费劲，严重影响阅读体验。 有的时候，他给你的好几个设计方案风格都不一样，甚至互相冲突，这就被直接批评是艺术上的失败了。 还有一个发现更让人惊讶，就是你哪怕给 ai 一个顶级的特别现代的设计当参考，让它学结果，它生成的东西反而可能更差。 这就说明一个关键问题， ai 现在还不能真正理解和欣赏高级的设计品味，它只是在模仿，还谈不上创造。 而且啊，咱们也别忘了， stitch 现在还只是个测试版，就有用户反馈说，像及时原形、查看代码，还有复制到 fake 码，这些听起来很关键的功能，在测试的时候根本就用不了。 好了，看完了梦想，又看完了现实，那我们到底该怎么给 google stitch 一个公正的评价呢？它究竟是个什么东西？ 咱们来简单总结一下。 stitch 的 优势非常清楚，速度快的没话说，自动化原型的能力超强，特别适合在项目早期快速的构思。但是呢，它的短板也同样突出，设计质量不稳定，审美有点平庸，而且你没法对细节进行精细的调整。 所以说，我们应该正确地看待这个氛围设计。它不是一个能一键变出完美产品的魔法棒，而是一个特别强大的头脑风暴工具。它最适合用在项目初期，帮你快速地探索和验证各种各样的想法。 这就引出了一个特别核心的观点， ai 工具的出现，非但没有缺乏我们设计师的价值，反而对设计师的审美和判断力提出了更高的要求。 因为现在设计师的角色变了，你得成为 ai 的 艺术总监，你需要去指导他，筛选他，还要优化他给出的结果。 最后留给大家一个问题，一起思考一下，当 ai 慢慢接管了怎么做设计这种技术层面的活， 我们人类设计者的真正价值是不是就变成了去回答为什么要这么设计的战略思考，以及去创造出那些能让用户发自内心哇出来的经验时刻？这或许就是设计的未来吧。