热门工具

发现
发现一些有意思的东西
Hal
发布于 10月13日
前段时间 Builder.io 预告的 AI 产品今天发布了——Visual Copilot——具有 AI 加持的设计转代码工具。据宣称这个工具可以自动生成响应式网页,支持主流的框架和库,很容易和和现有代码仓库整合,也可以直接一键发布。至于真实效果如何还是需要体验一下才知道。
Hal
发布于 10月07日
在最近的 WebflowConf 上,Webflow 更新了自己的 logo。伴随着 logo 更新他们还宣布了很多新功能,比如支持可交互的 Spline 3D 嵌入,本地化和多语言支持,设计变量等等。
更多内容可以看这里:https://webflow.com/blog/webflow-conf-2023-keynote-recap

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

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

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

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

Hal
发布于 09月04日
Opticlean 借助 AI 帮你快速去掉照片上不想要的物体或人物,比如你去了很多人的景区拍了张自己的照片,发现里面有个路人误入,就可以用这个软件快速抹掉路人。目前 Opticlean 只支持 macOS,可以七天免费试用。
Hal
发布于 08月28日
Magickimg 是一个 AI 图像处理工具库,支持图片修复、照片转卡通效果、AI 图片编辑、背景移除、黑白照片上色、照片清晰放大。收费为订阅制,每个月有 5 次免费名额,如有需要可以一试。
目前该产品也在 Producthunt 上发布了,可以给开发者投一票。

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

Hal
发布于 03月28日
Adobe Firefly,Adobe 的生成式 AI
Adobe 也推出了自己的生成式 AI 产品,可以从文字生成图片、自动扩展画面、快速生成图形、快速换装等等,现在可以申请加入内测。
有推友已经拿到内测资格,可以看他的的体验感受。
Hal
发布于 03月13日
Miro AI
在线白板工具 Miro 也有了 AI 增强,只需要一句文本提示,它就可以为你自动生成便签、思维导图、序列图和带有用户故事的卡片。
目前需要申请加入内测并等待:https://miro.com/ai/
Hal
发布于 02月16日
PhotoRoom,快速生成用于社交媒体的图像
PhotoRoom 可以帮助你快速创建发布于社交媒体的图像,它有很多基于 AI 的辅助功能,比如自动生成背景,可以让你更快地创建内容。
Hal
发布于 02月12日
AI 辅助设计
相较于 AI 直接做设计取代设计师来说,AI 辅助设计可能更现实一点。Genius design 就是这么一个工具,他可以在在你设计时“智能补全”,就像一个小助手一样。该工具目前也处于内测期,感兴趣可以前往官网申请内测。顺便一说,他们网站设计很有趣。
其实这个工具的创始人 Jordan Singer 很久之前就开始尝试 AI 辅助设计了,比如他在三年前就使用 GPT-3 做了一个自动设计的插件。
Hal
发布于 02月12日
AI 做设计
自从 ChatGPT 火爆之后,各个领域的 AI 工具层出不穷,这不就来了一个 AI 做设计的工具。Galileo AI 只需要你说一句话,告诉它你要设计什么,它就会帮你生成可编辑的 Figma 设计稿。
看着官网的预览视频还是挺厉害的,但实际效果不知道如何,感兴趣的可以申请内测。
Hal
发布于 02月12日
Anima Design System Automation
缩小设计和代码之间的鸿沟一直是很多人想要尝试的事情,但是大部分产品都在尝试设计转代码。Anima 则反其道而行之,做了一个新工具,可以将代码组件转换为 Figma 中的设计组件,从而保持设计和代码组件的双向同步。
不过,这个思路也不是 Anima 首次提出的,在很久之前 AirBnb 也做过一个 React Sketch.app 这个工具,把 React 代码转换为设计组件,不过后面就不了了之了。Figma 将结构化设计带入设计师的世界之后,有了组件变体、自动布局的加持,也许这件事还是有可行性的,让我们拭目以待吧。
Hal
发布于 02月12日
Motion Canvas,用代码做动画
一般来说我们做动画都会用一些基于时间轴的软件,比如 AE。但是有些复杂的动画表达使用时间轴会花费很多时间,但是这种复杂的逻辑对于代码来说就是小菜一碟,这就是 Motion Canvas 诞生的缘由。它是可以让你用代码逻辑来表达复杂动画,但是正如作者所说的,它并不是要取代时间轴动画工具,而是为复杂的动画设计提供了另一种思路。
用 Motion Canvas 制作的动画效果可以参见这个视频: https://www.youtube.com/watch?v=R6vQ9VmMz2w

Hal
发布于 01月28日
Mockview,一个 Mockup 生成工具
一个 iPhone、iPad、MacBook 模型生成器,可以快速创建不同设备的 3D、视频、GIF 模型,可以用于应用商店预览、内容创作等等。
Hal
发布于 01月15日
Bunch of 图标库
Bunch of icons 包含一系列硬朗风格的图标,可以直接复制 SVG 代码,或者导出为 PNG/PDF/WebP 等格式。不过还挺贵的,$49/年。
Hal
发布于 01月15日
屏幕尺寸查阅工具
ScreenSizes 是一个可以查阅各种设备屏幕尺寸的网站,但是它的内容其实很丰富,除了查阅尺寸,还可以对比多个设备的尺寸,查看上市时间,下载图标模板等等,非常有用。

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

Hal
发布于 01月12日
动效设计工具 Jitter 发布全新版本
动效设计工具 Jitter 发布了全新版本,整个编辑器设计有点像 Figma。Jitter 支持预置模板,可以使用插件从 Figma 直接导入设计,支持 MP4/Gif/Lottie 等格式导出。
Hal
发布于 01月08日
动效曲线调节工具
一个动效曲线调节工具,可以精细调节各种动效曲线,还可以一键导出各平台代码。
感兴趣可以去官网看看详细介绍:https://ixeau.com/couverture/
或者直接去 macOS App Store 购买:https://apps.apple.com/app/id1552415914?ct=ixeau
Hal
发布于 2022年12月18日
Bento,生成你的个人链接卡片
Bento 可以将你的各种链接汇聚在一处,生成一个漂亮的卡片主页。你可以将自己的 Figma、Dribbble、Twitter 等主页放在一起,此外还可以放置日历、地图等。目前 Bento 仍处于内测期,如果感兴趣可以点击下面的链接申请。
Hal
发布于 2022年12月07日
UX Tools 2022 调研结果新鲜出炉
一年一度的 UX Tools 设计工具调研结果今天出炉啦,在 UI 设计工具中 Figma 依然一骑绝尘。除此之外,本次调研还有原型设计、作品集搭建、白板、设计系统、用户测试、用户研究等细分领域的结果,从中可以知道全球设计师都在用什么。感兴趣可以前往 https://uxtools.co/survey/2022/ 查看完整报告。

Hal
发布于 2022年12月07日
修图工具 Pixelmator 卷入视频编辑
现在视频编辑领域越来越卷了,就连浓眉大眼的修图工具 Pixelmator 也加入了。从宣传视频来看,Pixelmator 的视频剪辑结合了其以往的自身优势,更偏重于滤镜光效这些修图的特性。
更多内容可以看他们的博客: https://www.pixelmator.com/blog/2022/12/06/pixelmator-pro-3-2-with-video-support-is-available-today/
Hal
发布于 2022年11月27日
LottieFiles 移动端上线
LottieFiles 的移动端上线了,你可以通过它在手机上创建并分享动画。它内置了很多模板,你可以在上面进行修改之后发布到自己的社交媒体。

Hal
发布于 2022年11月24日
开源设计工具 Penpot 自动布局快完成了
开源设计工具 Penpot 的自动布局快完成了,根据他们发布的视频,感觉完全模拟了 CSS Flex,应该很强大,但是对于不动 Flex 布局的设计师不太友好。
帖子地址:https://community.penpot.app/t/autolayout-sneak-peek/153/1
Hal
发布于 2022年11月20日
Supernova 发布全新 design token 管理工具
最近 Supernova 发布了其选新的 design token 管理工具,可以把颜色、文字等样式同步过去,统一进行管理。看他们的视频,支持多主题配置、多种格式代码、文档嵌入等。
Hal
发布于 2022年11月16日
设计系统工具 specify 内测同步样式到 Notion
Specify 是一个设计系统管理工具,可以帮你在一个地方管理样式和组件。目前他们正在内测一个将设计系统同步到 Notion 的功能,通过 Specify 你可以直接把设计系统同步到 Notion 并以此作为设计文档。

Hal
发布于 2022年11月12日
一个有个性的网站制作工具
你见过很多网站制作工具,但是你绝对没见过这么有个性的网站制作工具。mmm.page 光看域名就很独特,它足够简单,只需要拖拖拽拽就能快速搭建一个风格很独特的个人主页。
你还可以在这里看到更多有意思的示例:https://showcase.mmm.page
