UI - 教程分享 - 素材集市

10个前端UI必逛的高级动画Lottie资源神站

10个我私藏的神仙级动效与Lottie资源网站！不管是高级的3D动态图标、可交互的微动效，还是直接能跑在网页和App里的轻量级动画代码，这里全都有！而且很多都能一键导出 JSON 或 SVG 直接白嫖！全栈开发和UI ...

设计经验 5天前 0

10个UI设计师必看的Figma神仙插件

每天在 Figma 里疯狂切图、对齐、调颜色？做全栈开发拿着设计稿，却不知道怎么在前端还原出那种通透高级的“苹果风”质感？别再纯手工硬肝啦！

设计经验 1个星期前 0

10个前端设计必备的宝藏在线效率神器

平时做独立站或者撸前端代码，是不是经常被切图压缩、调CSS阴影、转代码格式这些琐碎的小事疯狂折磨？想要苹果官网那种高级的视觉质感，自己手写CSS却怎么调都不对味？

设计经验 1个星期前 0

Snipaste：设计师必备的“上帝级”截图与贴图神器

你以为它只是一个普通的截图软件？错！Snipaste 的灵魂在于它的“贴图”功能。它可以将你截取的图片、甚至是剪贴板里的文字和颜色信息，直接变成悬浮在屏幕最顶层的窗口。对于需要频繁对照设计稿写代码、或者收...

教程分享 1个星期前 0

10个高质量插画资源网站

还在苦寻完美的Procreate笔刷、PS动作和高质量的无版权插画吗？无论是做概念设计、商业插画，还是给自己的全栈独立站项目配图，手里没点顶级的素材怎么行！

设计经验 2个星期前 0

10个顶尖免费商用字体与排版工具网站

日常做设计、敲代码，最头疼的除了配色就是选字体了吧！中文字体怕侵权，英文字体挑花眼，前端部署又搞不清字重映射和网页渲染效果？别慌，今天给大家掏出我私藏的10个神仙级字体与排版资源网站！

设计经验 2个星期前 0

10个顶尖UI/UX网页设计灵感网站

做设计没灵感？每天盯着屏幕发呆？做不出那种高级的“苹果风”或者通透的质感？别慌！今天给大家整理了10个顶尖的UI UX设计和网页排版灵感神站！

设计经验 2个星期前 0

宝藏干货！14个神仙级免费设计素材网站

每次做图、建模型都在全网苦苦找素材？今天给大家整理了14个神仙级的免费设计资源网站！从高清无版权图片、PBR材质贴图、3D模型，到苹果风高级PSD样机、精美矢量插画和免费商用中英文字体，统统都有！不管是做UI...

设计经验 2个星期前 0

假数据与占位内容生成工具清单｜头像、姓名、地址与UI占位一键搞定

做原型出Demo 写案例时，总要先把页面填满：头像、姓名、地址、图片占位、JSON测试数据……这篇整理一组常用“假数据与占位内容”工具，帮你快速搭建真实感界面并减少手工造数据的时间。

设计经验 1个月前 0

图标与插画资源网站合集｜开源图标、矢量插画与可商用素材

做 UI 品牌运营物料时，图标与插画往往是最省时间也最容易踩授权坑的环节。这份清单把常用的开源图标库、可商用插画站、以及带授权说明的资源页集中在一起，方便你按“风格—格式—授权—是否需署名”快速选...

设计经验 2个月前 0

Ollama + Open WebUI 本地大模型对话台搭建

面向新手的本地大模型对话环境搭建教程：用 Ollama 管理与运行模型，并用 Open WebUI 提供更友好的网页界面，覆盖 Windows macOS（可选 Docker 部署）。

教程分享 2个月前 0

macOS Finder 提效，Quick Look 插件与批量重命名

一篇面向日常工作流的 macOS Finder 提效教程：用 Quick Look 扩展快速预览 Markdown 代码图片信息，配合批量重命名与常用快捷键，把文件管理从“找不到”变成“秒定位”。

教程分享 2个月前 0

图标与SVG资源工具清单｜图标库、编辑与授权提示

整理一份面向 UI 产品设计的图标与 SVG 资源工具清单，覆盖图标库检索、在线编辑、组件化使用与授权注意点；每个工具都标明商业使用与署名协议要点，便于快速选型与落地。

设计经验 2个月前 0

本地 AI 工作台：Ollama + Open WebUI 离线对话与模型管理

这篇教程用“本地运行模型 + 网页端管理”的思路，带你用 Ollama 安装并管理大模型，再用 Open WebUI 搭一个可在局域网使用的离线对话界面。包含 Windows macOS 安装要点、常用命令、以及连接失败端...

教程分享 2个月前 0

设计系统与组件库工具清单｜Token管理、组件同步与文档站

做设计系统组件库，核心是组件与Token能同步、文档能查、发布可控。这里按“设计端→代码落地→文档发布→回归检查”整理一组常用工具与资源站，方便快速搭一套可维护的设计系统工作流。

设计经验 2个月前 0

设计走查与UI质检工具清单｜对齐检查、对比回归与反馈收集

做设计走查验收时，最耗时间的往往不是找问题，而是把问题“说清楚、定位准、能复现、能回归”。下面这份工具清单覆盖页面批注、自动抓取环境信息、录屏与对比回归等场景，适合用来搭建从反馈收集到修复验收的...

设计经验 2个月前 0

Ollama + Open WebUI 本地大模型入门：安装、模型管理与局域网访问

想在不依赖云端的情况下快速体验本地大模型？这篇教程用 Ollama 负责“下载管理运行模型”，再用 Open WebUI 做一个更好用的聊天界面，覆盖 macOS Windows Linux 的安装思路、常用命令、局域网访问...

教程分享 2个月前 0

设计系统管理工具清单｜Token、组件文档与版本发布

整理一份覆盖 Token 管理、组件文档、可视化回归与发布流程的设计系统工具清单，适合设计与前端协作团队快速搭建规范、沉淀组件库并稳定迭代。

设计经验 2个月前 0

15个开源设计系统与UI组件库资源清单

整理一批常见的开源设计系统与 UI 组件库入口，适合做视觉规范、组件资产复用、快速搭建设计语言或给前端选型做对照。每个条目都给出官网链接，并标注授权提示，便于直接收藏。

设计经验 2个月前 0

可商用 UI 动效与 Lottie 资源网站清单｜12个动画素材与组件库

整理一份 UI 动效与 Lottie 动画资源导航，覆盖图标动效、插画动画、交互动效与组件示例。每个条目都给出官网链接与授权提示，方便你在设计产品前端协作中快速选型与复用。

设计经验 2个月前 0

#UI

10个前端UI必逛的高级动画Lottie资源神站

10个UI设计师必看的Figma神仙插件

10个前端设计必备的宝藏在线效率神器

Snipaste：设计师必备的“上帝级”截图与贴图神器

10个高质量插画资源网站

10个顶尖免费商用字体与排版工具网站

10个顶尖UI/UX网页设计灵感网站

宝藏干货！14个神仙级免费设计素材网站

假数据与占位内容生成工具清单｜头像、姓名、地址与UI占位一键搞定

图标与插画资源网站合集｜开源图标、矢量插画与可商用素材

Ollama + Open WebUI 本地大模型对话台搭建

macOS Finder 提效，Quick Look 插件与批量重命名

图标与SVG资源工具清单｜图标库、编辑与授权提示

本地 AI 工作台：Ollama + Open WebUI 离线对话与模型管理

设计系统与组件库工具清单｜Token管理、组件同步与文档站

设计走查与UI质检工具清单｜对齐检查、对比回归与反馈收集

Ollama + Open WebUI 本地大模型入门：安装、模型管理与局域网访问

设计系统管理工具清单｜Token、组件文档与版本发布

15个开源设计系统与UI组件库资源清单

可商用 UI 动效与 Lottie 资源网站清单｜12个动画素材与组件库

大家都在看

设计笔记