Framer 的更新

Framer 的春季发布会结束了,发布了几个重磅功能,包括 AI 功能 Wireframer、Workshop,升级版的设计编辑能力 Vectors 2.0 和更强大的统计 Advanced Analytics:

An image to describe post

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 动画效果很有创意。

An image to describe post

另外不知道是不是 bug 我用土耳其区订阅 2T 的套餐,然后发现 5T 的反而更便宜,10T 的和 2T 的也没什么区别?有土区的朋友可以试一下,所有新的 AI 功能都能使用和美区没任何区别,除了暂时不能使用 Chrome 里面的 Gemini,如果真可以这样那也太划算了吧!


Resources↘

BnbIcons

又一个 Airbnb 风格图标网站,允许用户上传参考图像,并通过 AI 技术快速创建定制的等距图标。目前,平台已成功生成了 10,859 个图标,可以下载和 remix 等操作。

An image to describe post

Dither me this

又一个 dither 在线生成工具,网站本身的设计风格也很独特。

An image to describe post

Effect.app

一款实时图像和视频特效 Figma 插件,支持多种特效类型,包括 RGB 偏移、CRT 屏幕、LED 屏幕、半色调、晕影、条纹、噪点等,以及多种模糊、颜色调整和变形效果。

An image to describe post