DESIGN.md

之前 Google Labs 上线的 DESIGN.md 正式开源了,社区随后做了 designdotmd.directory 把面向 coding agent 的 DESIGN.md 文件汇总成目录站,方便互相借鉴。设计师 Meng To 也在 X 上分享了使用心得:他认为 Google 是想把品味从一次性的 prompt、截图与零散注释,升级为设计、开发与 agent 共用的同一种语言。

但我目前用下来的感受就是,这玩意和 Tailwind CSS 的 base 文件没太大区别,只是定义颜色、字体、排版等基础 token 而已。

GPT Image 2

总这次 GPT Image 2 的风格细节太多了,看到大家生成的图都是超多细节塞进了一张图里。一些提示词资源库:

国产 AI 设计工具:腾讯 Ardot 终于发布了

腾讯正式发布 AI 智能设计工具 Ardot,提供 macOS 客户端与网页端并免费使用:自然语言生成布局与组件、上传图片智能分层为可编辑设计稿、Grid 与百分比定位适配多屏;同时配合全局同步的设计系统。不知道在 Figma 这种传统设计工具流都要死掉的今天,这个产品能不能继续走下去。

渲染层实验:UI 不一定要有代码

上周最炸裂的新闻,

  • Zain Shah 放出 Pixel-streamed UI 的概念原型,让屏幕每一个像素都由模型实时流式生成,彻底跳过 HTML、布局引擎与代码层
  • Flipbook 沿着同一思路把整个网页做成一页页由图像模型生成的图,点击图中任意元素即可生成新一页继续深入
  • html-in-canvas-cracks 则用 Chrome 141+ 的 canvas-draw-element 特性,把 HTML 直接绘制进 Canvas。

也许发展了几十年的 HTML 这些语义化的 web 技术,可能真的要被颠覆了。


An image to describe post

推荐一个小应用,Liqoria 是一款追求极致视觉美感和多平台整合能力的 Mac 音乐聚合播放器,支持 Apple Music、Spotify、YouTube 等平台,支持 iOS 风格的动态专辑封面,做得还算不错。我找作者要了 5 个兑换码,放在最底下了,先到先得


Resources↘

designtools.fyi

设计软件聚合站,内容没什么,网站做得挺好看。

An image to describe post

mesh3d

另一个专门做 3D 动效的聚合站。

An image to describe post

Smallbits

在 8×8 像素网格上绘制的 200+ 极简像素图标合集。

An image to describe post

Gensyn Brand Tool

Gensyn 官方品牌素材生成器,如果你想找一些好看的复古图片,这里有很多。

An image to describe post

其他素材:

  • Ornata - 强调无摩擦写作的写作工具。
  • Ink UI - 主打温暖与愉悦而非冷峻效率的 React 组件库。
  • dot/matrix - 60 个仅靠单条 CSS 关键帧驱动的极简点阵 Loader 合集,纯 SVG 实现。
  • Loading UI - 另一个常见 loading 效果聚合。

Cases↘

NASA Artemis

Flump Studio 与 Superunion 合作,为 NASA Artemis 登月计划打造的整套视觉识别系统:核心的定制字体每个字符的切角都参考地球自转轴倾角,让标题与关键文案具备电影感与动态张力;配套的火箭可视化把 Space Launch System(SLS)的橙色芯级与四台 RS-25 引擎拆解讲清楚;最后落进一份完整的 Brand Guidelines。

An image to describe post

javii.es

19 岁西班牙开发者 Javi 的个人作品集,交互做得很好。

An image to describe post

Violetta Samko

设计师兼 Save Design 创始人 Violetta Samko 的个人站,介绍自己同时做数字产品的设计与开发,并喜欢收藏好看的产品。网站的这些 shaders 挺好玩。

An image to describe post