前端 - 教程分享 - 素材集市

10个极具苹果风的前端UI组件库

每天一个人撸全栈项目、搭独立站，还在手写最基础的按钮、弹窗和导航栏？想要做出苹果官网或者 visionOS 那种极简、通透、带有丝滑交互动效的高级界面，自己手调 CSS 阴影和动画不仅费时，还总是差点意思！

设计经验 2天前 0

10个前端与UI设计师必装的神仙级插件

每天在浏览器里调试网页、研究竞品排版，还要在控制台里找半天 CSS 参数？作为全栈开发者和独立设计师，我们的时间极其宝贵！

设计经验 6天前 0

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

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

设计经验 1个星期前 0

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

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

设计经验 2个星期前 0

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

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

设计经验 2个星期前 0

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

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

教程分享 2个星期前 0

Squoosh：Google开源的“地表最强”图片无损压缩神器

还在用臃肿的软件压缩图片？或者忍受在线工具的各种大小限制和全屏广告？今天给大家安利一款由 Google Chrome 团队开源的图片压缩应用 Squoosh。它完全在浏览器本地运行，不仅压缩率惊人，还能一键转换 Web...

教程分享 3个星期前 0

10个顶级免费3D模型与WebXR素材网站

搞空间计算、做WebXR沉浸式开发，或者刚接触3D交互网页，找模型总是最头疼的环节？尤其是要找支持浏览器直接预览、能兼容 Vision Pro 或 Quest 的 glTF glb 格式低模，简直是大海捞针！

设计经验 3个星期前 0

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

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

设计经验 3个星期前 0

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

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

设计经验 3个星期前 0

Windows 11 前端环境一次装好：nvm-windows + Node.js + pnpm + VS Code 设置清单

从零把 Windows 11 的前端开发环境装成可复用的“干净模板”：用 nvm-windows 管理 Node 版本，用 pnpm 提速依赖安装，并在 VS Code 里配置终端、格式化与项目脚本。摘要为纯文本，正文给出可直接照...

教程分享 2个月前 0

网页性能与前端体验诊断工具清单｜Lighthouse WebPageTest Core Web Vitals 与监控

整理了一份常用的网页性能与前端体验诊断工具清单，覆盖本地自动化审计、路径快速建立性能排查流程。真实用户体验指标（Core Web Vitals）、多地域测速、瀑布图分析与持续监控，方便按“定位问题 → 复现对比...

设计经验 3个月前 0

v0：用提示词生成可落地的前端界面与组件

v0 是一款以提示词驱动的 UI 生成工具，可把产品想法快速转成可编辑的页面与组件代码。本文分享适合设计师与前端的上手流程、提示词模板与落地注意事项。

设计经验 3个月前 0

v0：用自然语言生成可落地的前端UI原型与代码

v0 是一款用自然语言生成 UI 界面与前端代码的工具，适合设计师和产品快速把想法变成可预览、可迭代的页面原型，并在组件层面持续优化细节。

设计经验 3个月前 0

v0：把一句话变成可落地UI页面的AI生成工具

v0 是一款面向产品与设计团队的 UI 生成工具：用一句话描述页面需求，即可生成可编辑的界面草稿，并能持续对话迭代布局、组件与文案，适合快速做原型与落地界面。

设计经验 3个月前 0

用 v0 快速生成高质量网页UI的实战流程

v0 是一个面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可v0 是面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可快速生成可用的网页 UI 草稿代码。本文用一次从需求到落地...

设计经验 3个月前 0

用 v0 快速生成高质量 UI：从提示词到可交付页面

v0 是 Vercel 推出的 AI UI 生成工具，适合把需求或草图快速变成可运行的页面结构。本文用一个完整示例讲清提示词写法、组件迭代、落地交付与常见坑。

设计经验 3个月前 0

v0.dev：用一句话生成高质量UI原型并导出可用代码

v0 dev 是 Vercel 推出的 UI 生成工具：用自然语言描述页面需求，即可生成可编辑的界面方案与前端代码。适合快速做原型、落地组件规范，并与现有设计系统对齐。

设计经验 3个月前 0

SVGOMG：在线压缩优化SVG的免费小工具

SVGOMG 是一个免费的在线 SVG 优化工具，可一键压缩体积、清理冗余、保留视觉效果，适合图标与前端交付。

设计经验 3个月前 0

SVGOMG：免费的在线 SVG 压缩神器

SVGOMG 是一款免费的在线 SVG 压缩工具，基于 SVGO。它能直观展示压缩前后差异，支持一键清理冗余节点、优化路径与属性，让网页图标与插画更轻更快。

设计经验 3个月前 0

#前端

10个极具苹果风的前端UI组件库

10个前端与UI设计师必装的神仙级插件

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

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

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

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

Squoosh：Google开源的“地表最强”图片无损压缩神器

10个顶级免费3D模型与WebXR素材网站

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

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

Windows 11 前端环境一次装好：nvm-windows + Node.js + pnpm + VS Code 设置清单

网页性能与前端体验诊断工具清单｜Lighthouse WebPageTest Core Web Vitals 与监控

v0：用提示词生成可落地的前端界面与组件

v0：用自然语言生成可落地的前端UI原型与代码

v0：把一句话变成可落地UI页面的AI生成工具

用 v0 快速生成高质量网页UI的实战流程

用 v0 快速生成高质量 UI：从提示词到可交付页面

v0.dev：用一句话生成高质量UI原型并导出可用代码

SVGOMG：在线压缩优化SVG的免费小工具

SVGOMG：免费的在线 SVG 压缩神器

大家都在看

设计笔记