大家好,这是 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/