Framer 的更新
Framer 的春季发布会结束了,发布了几个重磅功能,包括 AI 功能 Wireframer、Workshop,升级版的设计编辑能力 Vectors 2.0 和更强大的统计 Advanced Analytics:
Wireframer 的策略挺好,生成的网页主要以结构化和响应式为主,设计不是重点。听名字就是让你生成 wireframe 的,只专注布局和内容架构,对设计没有了期待,AI 的表现就很完美了。Workshop 则是对标 Figma Make,很多动效和小组件都可以轻松生成,以前要花一小时做一个小动效,现在几句话就搞定了。Vectors 2.0 也是对 Figma 的正面回应,现在支持画布绘制,编辑 SVG,创建 icon set,还增加了一个 Stroke effect 路径动画,据说以后还会加强设计方面的能力,算是正式回归变成设计软件了。
试了一下 Workshop 还是很强的,主要都是基于 Framer Motion 动效库来生成,模型目前只有 OpenAI 和 Claude,不知道将来能不能加入更多甚至自定义 API,目前来看 Framer 还是遥遥领先 Figma Sites。
可以看看网友们的案例,比如这个 Dust Reveal 文字动画,还有人做了个小游戏,还有这个 MIDI 键盘。
Google 的更新
其他新模型和视频音乐的部分就不说了,主要看一下和设计开发相关的内容:
- Stitch 其实是之前收购的 Galileo AI 变成了 Google 的新产品,生成网站的效果一般般吧,和其他同类产品差别不大,不过可以拷贝到 Figma 这一点还是挺好的。另外还可以对比一下之前推荐的 https://new.website,它比 Google 做得强大多了。
- Jules 算是对标 OpenAI 的 Codex 的异步开发 agent 工具,没有实战测试不做评论了。
- AI Mode 总算是植入 Google 搜索中了,但目前仅限美国用户。
- Chrome 也集成了 Gemini,不知道其他 AI 浏览器还怎么和 Google 竞争。
- 还有这个 Google Beam 动画效果很有创意。
另外不知道是不是 bug 我用土耳其区订阅 2T 的套餐,然后发现 5T 的反而更便宜,10T 的和 2T 的也没什么区别?有土区的朋友可以试一下,所有新的 AI 功能都能使用和美区没任何区别,除了暂时不能使用 Chrome 里面的 Gemini,如果真可以这样那也太划算了吧!
Resources↘
BnbIcons
又一个 Airbnb 风格图标网站,允许用户上传参考图像,并通过 AI 技术快速创建定制的等距图标。目前,平台已成功生成了 10,859 个图标,可以下载和 remix 等操作。
Dither me this
又一个 dither 在线生成工具,网站本身的设计风格也很独特。
Effect.app
一款实时图像和视频特效 Figma 插件,支持多种特效类型,包括 RGB 偏移、CRT 屏幕、LED 屏幕、半色调、晕影、条纹、噪点等,以及多种模糊、颜色调整和变形效果。