前端 - 设计经验 - 素材集市

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

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

教程分享 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

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

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

设计经验 1个月前 0

颜色值#FFFFFF是什么意思？HEX与RGB的换算与常见坑

HEX是用十六进制表示RGB通道的写法，例如 FFFFFF=RGB(255,255,255)。理解通道范围、缩写 FFF、透明度 RRGGBBAA等规则，能避免改色与对齐出错。

值得一看 1个月前 0

SVG和PNG的区别是什么？图标交付选哪个更合适

SVG是矢量格式，可无限缩放且便于在网页中改色；PNG是位图格式，适合复杂纹理与需要像素级呈现的内容。图标线稿多用SVG，图片特效多用PNG。

值得一看 1个月前 0

Illustrator 导出 SVG 文字变形/丢字体：3种稳妥交付方案

解决 AI 导出 SVG 后文字变形、字体丢失、客户端无法正确显示的问题。给出转曲、嵌入替换与交付规范 3 种可靠方案。

教程分享 1个月前 0

#前端

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 压缩神器

颜色值#FFFFFF是什么意思？HEX与RGB的换算与常见坑

SVG和PNG的区别是什么？图标交付选哪个更合适

Illustrator 导出 SVG 文字变形/丢字体：3种稳妥交付方案

大家都在看

设计笔记