🏆 产品推荐
快手的「可灵视频模型」Web 端功能上线
-
文生视频:画质升级、单次10s视频生成
-
图生视频:画质提升、支持自定义首尾帧
-
运镜控制:提供丰富的镜头控制选项,预设多种大师级镜头模式
在限免期间,「高表现」生成模式每账号每日最多使用3次,「高性能」模式生成次数不限

实用的 CSS 网格渐变的在线工具
帮助设计师和开发者在他们的网页设计或开发项目中使用和创建 CSS 网格渐变效果的资源网站。免费提供了一系列的纯 CSS 网格渐变,支持一键复制代码
投稿人:无名

带变量的自动布局图表插件:i Chart-AutoLayout Chart with variables
这应该是目前唯一支持变量和自定义柱条图形的图表插件。支持变量、支持更多的柱条样式和自定义柱条样式、支持上传和保存你的常用字段、支持从已创建的图表中获取并回填数据和配置。
已支持图表:
- 柱图 - 水平和垂直,支持分组、堆叠等各种特性
- 线图 - 水平和垂直,支持曲线、面积、堆叠等各种特性;
- 柱线组合图 - 同1、2;
- 饼图 - 饼图、环图、玫瑰图,全部支持3D挤出;
- 雷达图 - 如您所知的雷达图那样;
- 散点图- 散点,同时支持气泡(提供第三行数据即可);
- 径向图- 支持任意起始和结束角度;
https://www.figma.com/community/plugin/1370606842652257742/i-chart-autolayout-chart-with-variables

Shadcn UI 正式推出 Charts 构建漂亮的仪表盘
图表中包含面积图、条形图、折线图、饼图、雷达图、径向图等常用图表,并且支持 7 种主题也同时适配暗黑模式,这些都可以直接复制代码使用!

Animata 好看的交互按钮组件库
来自互联网的手工制作的交互动画和效果可复制代码到项目中直接使用,除了按钮还有其他设计精美的组件。
https://animata.design/docs/button

Raycast 开源工具集:ray.so
- 代码图像:创建您代码的精美图像。
- 图标制作器:为 Raycast Extensions 创建漂亮的图标。
- 提示浏览器:探索 Raycast 的 AI 提示。
- 预设浏览器:探索 Raycast 的 AI 预设。
- 代码片段浏览器:浏览和导入 Raycast 代码片段。
- 主题浏览器:浏览和导入 Raycast 主题。
Github:https://github.com/raycast/ray-so

免费的头像库
这是一个开源免费的项目,可以为你的用户添加免费的预设头像,同时该项目也有 Figma 插件,在设计环节也可以快速插入头像资源。
网站:https://alohe.github.io/avatars/
插件:https://www.figma.com/community/plugin/1259189280245319471/avatars

🎊 设计素材
Vector to 3D 的预设模型文件展示
Vector to 3D 从平面渲染成 3D 模型文件,作者提供了免费的案例文件
文件链接:https://www.figma.com/community/file/1387986421042611180
插件链接:https://www.figma.com/community/plugin/1264600219316901594/vector-to-3d
八折购买链接:https://mbd.pub/o/bread/ZZecl5dr?af_user=2175663&discount_code=EXQVOJ

Shadcn UI 的设计组件库
https://www.figma.com/community/file/1203061493325953101

在 Figma 绘制矢量 TX-6 的拟物质感元素
https://www.figma.com/community/file/1175412869241998996

Apple 健康 APP 设计文件
https://www.figma.com/community/file/1374215046832737198

🏖 随便看看
网页设计欣赏
设计工作室的官网,擅长在网页设计中使用 3D 元素。

支付安全和加密服务的网站
紫色的配色设计,首屏动画很惊艳,下面的极简插图也很棒。

数据库平台网站
网站中使用到的视频、动画效果都非常惊艳,和前几期介绍的 花费 89000美元的网站是同一家设计工作室的作品。
NEON 网站:https://neon.tech/ 工作室网站:https://pixelpoint.io/

将您的照片变成《哈利波特》的《预言家日报》
ComfyDaily 是一种以霍格沃兹风格生成实时肖像的工作流程,网站介绍了使用到的模型以及 LoRA

提醒你清理桌面垃圾桶应用:BananaBin
一个很有意思的应用,桌面「垃圾桶」存放了未清理的内容,会随着时间的增加召来苍蝇在周围提醒你该清理了。

