前段时间 Builder.io 预告的 AI 产品今天发布了——Visual Copilot——具有 AI 加持的设计转代码工具。据宣称这个工具可以自动生成响应式网页，支持主流的框架和库，很容易和和现有代码仓库整合，也可以直接一键发布。至于真实效果如何还是需要体验一下才知道。

https://www.builder.io/blog/figma-to-code-visual-copilot

在最近的 WebflowConf 上，Webflow 更新了自己的 logo。伴随着 logo 更新他们还宣布了很多新功能，比如支持可交互的 Spline 3D 嵌入，本地化和多语言支持，设计变量等等。

更多内容可以看这里：https://webflow.com/blog/webflow-conf-2023-keynote-recap

又发现一个收集 landing page 设计的网站，不过这个只收集暗色系的。可能是 Linear 带的头吧，现在很多产品的落地页都是暗色系的。

https://www.dark.design/

Bezel 是一个可以将 iPhone 投屏到 Mac 的 App，可以在电脑上预览移动端的设计。该 App 目前还没有发布，只需要申请内测。

https://getbezel.app/

Vercel 又发布了一个新玩意儿，可以通过自然语言直接生成用户界面的代码。目前还需要加入等待列表，但是可以看别人生成的结果。

https://v0.dev/

No-code 建站工具 Builder.io 预告最近将和 Figma 合作，发布一个和 AI 相关的产品，看样子是能将 Figma 设计稿转为产品级代码。该活动的邀请页面很有意思，上面的元素都是可以拖拽的，而且有一段一直显示的代码可以实时根据拖拽后的效果变化。

https://velocity.builder.io/

各种设计相关的资源和内容整合，包括设计系统、界面设计、开发、内容策略、设计原则、工具等。

https://toolkit.design/

一个专门搜集各种车载界面的网站。

https://www.autointerfaces.com/

Procreate 推出新产品 Dreams，是一个动画制作工具，主打手绘风格动画制作。

https://procreate.com/dreams

Yesicon 是一个集合了全球开源图标库的图标浏览、搜索网站，包含 18万+ 个高品质的矢量图标。你可以直接复制、下载 SVG/PNG 等格式的图标，也可以直接复制、下载适配了主流的 Web 前端框架及 CSS 框架的代码

https://yesicon.app/

最强白板工具 Miro 最近更新了他们的视觉识别系统（VIS），新的风格仍然使用了黄色作为主色调，配合其他一些明快的颜色和细黑描边，显得更加轻快。除了他们的品牌物料，产品界面也向这个风格靠近。

博客文章：https://miro.com/blog/miro-vis/

unstyled 组件库 Radix UI 前段时间发布了 Radix Themes，可以拿来直接构建产品了，最近他们也开源了设计稿，包含 30+ 组件，1000+ 变量，300+ 图标，自带亮暗色模式。

https://www.figma.com/community/file/1280428825266545105

Opticlean 借助 AI 帮你快速去掉照片上不想要的物体或人物，比如你去了很多人的景区拍了张自己的照片，发现里面有个路人误入，就可以用这个软件快速抹掉路人。目前 Opticlean 只支持 macOS，可以七天免费试用。

https://opticlean.io/

Dribbble 最近更新了 logo，但是现在飞机稿满天飞的 Dribbble 还有人看吗？反正我很少看了，正好推荐几个我自己获取（抄）灵感的好地方吧。

• Mobbin，各种 App 和 Web 截图：https://mobbin.com/

• 落地页设计：

  • https://www.curated.design/

  • https://godly.website/

  • https://landings.dev/

  • https://maxibestof.one/

• 其他：

  • https://layers.to/explore

  • https://read.cv/explore

一个可以生成网点曲面背景的小工具。

https://www.durves.com/

Magickimg 是一个 AI 图像处理工具库，支持图片修复、照片转卡通效果、AI 图片编辑、背景移除、黑白照片上色、照片清晰放大。收费为订阅制，每个月有 5 次免费名额，如有需要可以一试。

https://magickimg.com/

目前该产品也在 Producthunt 上发布了，可以给开发者投一票。

https://www.producthunt.com/posts/magickimg

这是一个作品集收集网站，作者手动收录了很多设计师的作品集，当你在做作品集没有灵感时可以过来看看。当然这个网站现在也在 producthunt 上发布了，如果觉得不错可以去给作者点一个 upvote。

https://cursorup.com/portfolio-design/?ref=producthunt

Adobe 也推出了自己的生成式 AI 产品，可以从文字生成图片、自动扩展画面、快速生成图形、快速换装等等，现在可以申请加入内测。

有推友已经拿到内测资格，可以看他的的体验感受。

阿里出品的在线 3D 编辑器，主打利用已有素材快速拼接 3D 场景。

Standards 是一个在线的品牌（Brand）管理工具，你可以用它管理 Logo、颜色、文字、动效等等。

Roam 是一个是和远程办公公司的云端协作空间，支持在线会议和白板，目前需要申请内测。

在线白板工具 Miro 也有了 AI 增强，只需要一句文本提示，它就可以为你自动生成便签、思维导图、序列图和带有用户故事的卡片。

目前需要申请加入内测并等待：https://miro.com/ai/

可以自动聚焦到操作区域的录屏工具 Screen.studio 支持自动字幕了。

Morflax Customize 是一个基于浏览器的 3D 设计工具，可以让你快速设计水杯、卫衣这种带品牌的 3D 物品。

详见：https://morflax.com/customize

PhotoRoom 可以帮助你快速创建发布于社交媒体的图像，它有很多基于 AI 的辅助功能，比如自动生成背景，可以让你更快地创建内容。

一个专门收集落地页的网站，还可以按颜色筛选。

相较于 AI 直接做设计取代设计师来说，AI 辅助设计可能更现实一点。Genius design 就是这么一个工具，他可以在在你设计时“智能补全”，就像一个小助手一样。该工具目前也处于内测期，感兴趣可以前往官网申请内测。顺便一说，他们网站设计很有趣。

其实这个工具的创始人 Jordan Singer 很久之前就开始尝试 AI 辅助设计了，比如他在三年前就使用 GPT-3 做了一个自动设计的插件。

自从 ChatGPT 火爆之后，各个领域的 AI 工具层出不穷，这不就来了一个 AI 做设计的工具。Galileo AI 只需要你说一句话，告诉它你要设计什么，它就会帮你生成可编辑的 Figma 设计稿。

看着官网的预览视频还是挺厉害的，但实际效果不知道如何，感兴趣的可以申请内测。

申请内测：https://airtable.com/shrJeO0kB53yJoAqE

缩小设计和代码之间的鸿沟一直是很多人想要尝试的事情，但是大部分产品都在尝试设计转代码。Anima 则反其道而行之，做了一个新工具，可以将代码组件转换为 Figma 中的设计组件，从而保持设计和代码组件的双向同步。

不过，这个思路也不是 Anima 首次提出的，在很久之前 AirBnb 也做过一个 React Sketch.app 这个工具，把 React 代码转换为设计组件，不过后面就不了了之了。Figma 将结构化设计带入设计师的世界之后，有了组件变体、自动布局的加持，也许这件事还是有可行性的，让我们拭目以待吧。

• 功能介绍：https://www.animaapp.com/use-cases/design-systems

• 申请内测：https://form.typeform.com/to/eNOueDoh

这是一个缓动曲线预览工具，不仅可以预览，还可以复制对应的 CSS 代码。

一般来说我们做动画都会用一些基于时间轴的软件，比如 AE。但是有些复杂的动画表达使用时间轴会花费很多时间，但是这种复杂的逻辑对于代码来说就是小菜一碟，这就是 Motion Canvas 诞生的缘由。它是可以让你用代码逻辑来表达复杂动画，但是正如作者所说的，它并不是要取代时间轴动画工具，而是为复杂的动画设计提供了另一种思路。

用 Motion Canvas 制作的动画效果可以参见这个视频： https://www.youtube.com/watch?v=R6vQ9VmMz2w

一个 iPhone、iPad、MacBook 模型生成器，可以快速创建不同设备的 3D、视频、GIF 模型，可以用于应用商店预览、内容创作等等。

Bunch of icons 包含一系列硬朗风格的图标，可以直接复制 SVG 代码，或者导出为 PNG/PDF/WebP 等格式。不过还挺贵的，$49/年。

ScreenSizes 是一个可以查阅各种设备屏幕尺寸的网站，但是它的内容其实很丰富，除了查阅尺寸，还可以对比多个设备的尺寸，查看上市时间，下载图标模板等等，非常有用。

RocketSim 是一款 iOS 开发增强工具，可以在 Xcode 模拟器上显示设计图方便对比，还可以显示标尺和网格方便对齐元素，还可以快速录屏和截屏。最近，RocketSim 发布了 9.0，新增了推送通知测试和 Deeplinks，快速设置权限等功能。

动效设计工具 Jitter 发布了全新版本，整个编辑器设计有点像 Figma。Jitter 支持预置模板，可以使用插件从 Figma 直接导入设计，支持 MP4/Gif/Lottie 等格式导出。

• 官网：https://jitter.video

• Figma 插件：https://www.figma.com/community/plugin/961270034818256057

这是一个线框图流程梳理工具，支持多人协作，看起来是定位于设计前期的流程梳理。BTW，他们网站设计还挺有特色的。

一个风格独特的建站工具，有点类似之前推荐的 mmm.page 。

一个动效曲线调节工具，可以精细调节各种动效曲线，还可以一键导出各平台代码。

感兴趣可以去官网看看详细介绍：https://ixeau.com/couverture/

或者直接去 macOS App Store 购买：https://apps.apple.com/app/id1552415914?ct=ixeau

在线 3D 设计工具 Vectary 支持动画和交互了，可以用它做一些 3D 的交互动效展示。

Bento 可以将你的各种链接汇聚在一处，生成一个漂亮的卡片主页。你可以将自己的 Figma、Dribbble、Twitter 等主页放在一起，此外还可以放置日历、地图等。目前 Bento 仍处于内测期，如果感兴趣可以点击下面的链接申请。

https://bento.me/en/home

好看又好用的截图工具 CleanShot 新增了添加背景工具，让截图更好看。如果有需要可以通过我的推广链接购买。

一年一度的 UX Tools 设计工具调研结果今天出炉啦，在 UI 设计工具中 Figma 依然一骑绝尘。除此之外，本次调研还有原型设计、作品集搭建、白板、设计系统、用户测试、用户研究等细分领域的结果，从中可以知道全球设计师都在用什么。感兴趣可以前往 https://uxtools.co/survey/2022/ 查看完整报告。

现在视频编辑领域越来越卷了，就连浓眉大眼的修图工具 Pixelmator 也加入了。从宣传视频来看，Pixelmator 的视频剪辑结合了其以往的自身优势，更偏重于滤镜光效这些修图的特性。

更多内容可以看他们的博客： https://www.pixelmator.com/blog/2022/12/06/pixelmator-pro-3-2-with-video-support-is-available-today/

LottieFiles 的移动端上线了，你可以通过它在手机上创建并分享动画。它内置了很多模板，你可以在上面进行修改之后发布到自己的社交媒体。

下载地址：https://lottiefiles.com/mobile

开源设计工具 Penpot 的自动布局快完成了，根据他们发布的视频，感觉完全模拟了 CSS Flex，应该很强大，但是对于不动 Flex 布局的设计师不太友好。

帖子地址：https://community.penpot.app/t/autolayout-sneak-peek/153/1

App 界面搜集工具 Mobbin 现在新增了 Web 页面搜集，以后做 Web 设计也有得抄了。

最近 Supernova 发布了其选新的 design token 管理工具，可以把颜色、文字等样式同步过去，统一进行管理。看他们的视频，支持多主题配置、多种格式代码、文档嵌入等。

Specify 是一个设计系统管理工具，可以帮你在一个地方管理样式和组件。目前他们正在内测一个将设计系统同步到 Notion 的功能，通过 Specify 你可以直接把设计系统同步到 Notion 并以此作为设计文档。

• 内测申请：https://specify.typeform.com/notion-beta

• Notion 模板预览：https://specifyapp.notion.site/Design-System-Documentation-b9981f4371784304bb5189fe2858ecb0

你见过很多网站制作工具，但是你绝对没见过这么有个性的网站制作工具。mmm.page 光看域名就很独特，它足够简单，只需要拖拖拽拽就能快速搭建一个风格很独特的个人主页。

你还可以在这里看到更多有意思的示例：https://showcase.mmm.page

一个支持在线协作的 3D 设计工具，网站还挺好看的。目前该工具还在内测，感兴趣可以注册试一下。