第二波！2024年9月精选实用设计工具合集

大家好，这是 2024 年 9 月的第 2 波干货合集！

今天推荐的在线工具和合集类的网站比较多，其中有 AI 工具合集网站，也有免费素材网站，有网页设计灵感网站，也有最近比较少出现的免费插画素材合集网站，基本上足以覆盖绝大多数设计项目能用到的工具和资源类型。另外，AI 工具也同样存在，其中之一是 AI 抠图工具，另外一个则相当强大，是基于对话式AI的前端UI界面生成平台，对于很多前端能力比较差，但是又想做点工具啥的同学而言，这个平台可以帮助大家一步登天搞定代码生成！

当然，在继续阅读下去之前，记得看看往期干货中有没有你感兴趣的素材：

下面我们具体看看这一期的干货:

1、直接生成前端代码和界面的 AI 平台

https://v0.dev/chat

学习前端代码本身似乎并不复杂，但是有平台能够直接生成代码、预览效果，似乎更有性价比。可能对于有前端和开发经验的同学而言，直接实现某个页面效果并不算是太复杂的事情，但是对于没有代码经验的同学而言，直接使用 AI 跑出代码甚至直接落地成为可以运行的程序还是非常有意义的。

这个名为 v0 的平台借助 AI 可以直接实用聊天界面来提出需求，生成可以交互的 UI 界面，你可以在对话窗口的右侧直接看到代码和预览窗口，通过对话来微调你的需求，完成之后，可以 Fork 或者直接发布出来，但是这些都只是前端界面，如果你想让它彻底跑起来，可以在自己电脑上配置环境，点击Fork 左侧的按钮添加到代码库，因为这个项目可以借由 Shadcn 这个 UI 库帮你将这个跑出来的前端界面落地为程序。

当然，对于有代码经验的同学而言，这个工具生成的代码可能没那么理想，修改成本可能比重写还要高，但是对于想要体验一下制作网页或者 web 程序的小白或者设计师同学而言，还是相当有意思的。

2、免费设计干货合集网站

https://freebiesbug.com/

如果你正在搜寻顶级的免费设计素材的话，这个名为 FreebiesBug 的网站，应该出现在你的收藏夹里。网站搜集整理了大量的免费素材之后，从中审核精选出 2000 多个免费资源，从样机、字体、模板到图标全部覆盖，都是精心挑选的，这也意味着你在选择过程中，很多素质平庸、效果不够突出以及付费的素材，都已经被筛选掉了。

需要注意的是，Freebiesbug 这个网站所搜集整合的免费干货，网站本身并不存储，点击下载按钮后可能会跳转到其他的原始来源网站。

3、超级丰富的 AI 工具合集网站

https://www.nextool.ai/

NexTool 是由 Jafar Najafov 和 Agil Zeynalov 共同创立的一个 AI 工具推荐平台，和很多同类的网站一样，它主要的提供的是 AI 工具的介绍和导航，对于偏爱最新 AI 设计工具的同学而言，这个网站也是一个发掘新的 AI 工具的好地方，目前这个网站搜集整理了超过 1 万款 AI 工具，内容相当可观。

4、免费图片背景去除工具

https://bestbackgroundremover.com/

和很多同类的工具类似，Background Remover 提供了足够简单直接地背景图片去除方案，图片拖进去，主体抠出来。目前 Background Remover 是完全免费的，从目前的效果来看，抠图的效果还是颇为不错的。网站还承诺你所上传的图片内容是私密的。

5、 高品质网页设计案例灵感网站

https://vault.webbuilders.us/

这个网页设计案例灵感网站，本质上其实是在线页面搭建工具 Web Builders 的一个子页面，其中汇集了很多设计和实施上很有特色的优质设计案例，不过这些网站并没有按照类别进行详细的划分，不过在你点击某个网站之后，可以进入子页面查看具体的介绍和标签，当然也有对应截图的原始网站链接，你可以跳转之后查看更多的设计细节。不过，作为一个灵感搜集类的网站存在，它已经是绰绰有余了。

6、免费插画素材合集网站

https://pixels.market/

最近难得发现一个免费的插画类素材网站，这个网站汇集了 一万多套高品质的开源免费的插画和图标素材，最重要的是，这些插画和图标素材大都可以下载 SVG 和 PNG 格式的，系统自带的编辑器则可以让你轻松编辑配色、处理细节和属性，方便你针对插画和图标进行快速的二次处理，以贴合你的需求。这个网站提供的内容是完全免费的，对于插画素材有需求的同学，一定要收藏起来。