插件与扩展
共 52 个设计师推荐的插件与扩展网站，按质量与推荐次数排序。
CSS Variables Editor
浏览器扩展，用于实时编辑网页 CSS 变量颜色，支持 AI 生成调色板、无障碍对比度检查及 shadcn/ui、daisyUI 主题。
浏览器扩展Pesticide for Firefox
一款开源浏览器扩展，为网页元素添加彩色轮廓，快速定位 CSS 布局问题。
Shaderlight
SketchUp 的交互式 3D 渲染插件，可快速生成照片级效果图，支持动画与云端渲染。
浏览器扩展Responsive Viewer
一款 Chrome 扩展，可在一个视图中同时展示多个屏幕尺寸，方便测试响应式网页。
shadcn/ui Raycast Extension
在 Raycast 中快速浏览 shadcn/ui 文档、组件和示例的扩展工具。
Logo Package Express
Adobe Illustrator 插件，5 分钟内自动导出并整理 200+ 个 Logo 文件，支持多格式、多配色与自定义命名。
Typeface.fyi
一个 Chrome 扩展，悬停即可查看网页上任意文字所用的字体、字号、行高、字距和颜色。
浏览器扩展Debug CSS
一款轻量 Chrome 扩展，为页面所有元素添加彩色描边，按住 Ctrl 悬停可查看元素样式详情，方便调试 CSS 布局。
浏览器扩展Measure
一款 Chrome 浏览器扩展，用于测量网页上的排版行长和字体尺寸。
编辑器插件Craft Animations
为 3ds Max、Maya 和 MotionBuilder 提供车辆、飞机与摄像机动画插件，无需关键帧即可实时生成逼真动画。
shadcn/ui VS Code Extension
在 VS Code 中直接安装 shadcn/ui 组件的编辑器扩展，无需离开编辑器即可初始化 CLI 并添加组件。
浏览器扩展CSSViewer
一款 Chrome 浏览器扩展，悬停即可查看网页元素的 CSS 属性，方便调试和样式分析。
VSCode UI Sketcher
★ 204VSCode 插件，手绘界面草图后借助 GPT-4V 生成 React Native UI 代码。
浏览器扩展Site Palette
Firefox 扩展，一键提取网页最多 100 种颜色，点击色块即可复制色值。
Digital Anarchy
为 Adobe Premiere、After Effects 和 Final Cut Pro 提供智能视频编辑插件，如 Beauty Box 和 Flicker Free。
shadcn-vue VSCode Extension
VS Code 扩展，可在编辑器内直接安装 shadcn/vue 组件并使用代码片段快速导入。
shadcn Color Preview
VS Code 扩展，实时预览 shadcn 的 HSL CSS 变量颜色，支持悬停查看与颜色转换。
shadcn/svelte (VS Code Extension)
VS Code 扩展，在 Svelte 项目中直接插入 shadcn/svelte 组件与代码片段。
浏览器扩展Colorpick Eyedropper
Firefox 浏览器取色扩展，可从网页上吸取颜色值，简单易用。
编辑器插件Cabana
面向 Sketch 的付费设计系统，提供组件、样式与符号，帮助快速搭建桌面与移动端 UI。
浏览器扩展UX Check
一款 Chrome 扩展，通过启发式评估帮助设计师快速识别网页可用性问题。
浏览器扩展Web Editor
一款 Chrome 扩展，无需写代码即可检查、修改网页元素并实时预览设计效果。
编辑器插件shadcn/ui Components Manager
JetBrains IDE 插件，在项目内可视化管理 shadcn/ui 组件，支持增删更新。
浏览器扩展Responsify Viewer
一个简单的滑块工具，用于检查网站在不同屏幕尺寸下的响应式效果。