插件与扩展
共 52 个设计师推荐的插件与扩展网站，按质量与推荐次数排序。
浏览器扩展ColorZilla
Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。
浏览器扩展ColorZilla
浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。
浏览器扩展PerfectPixel by WellDoneCode
浏览器扩展，将设计稿半透明叠加在网页上，实现像素级对比，快速核对前端还原度。
浏览器扩展WhatFont
一款浏览器扩展，悬停即可识别网页所用字体，点击可查看字号、颜色等样式详情。
Sketch Plugin Directory
Sketch 官方插件目录，收录 GitHub 上的 Sketch 插件，按字母排序，可提交 PR 添加。
浏览器扩展Fonts Ninja
浏览器扩展，一键识别网页字体，查看字体名称、样式、字库与价格，支持收藏与相似字体推荐。
VisBug
谷歌开源的浏览器设计调试扩展，可在任意网页上可视化编辑样式、文本与布局。
浏览器扩展Site Palette
浏览器扩展，一键从任意网站提取配色方案，支持导出到 Figma、Sketch 等工具。
Sketch Measure
Sketch 标注插件，自动生成间距、尺寸标注与离线 HTML 规范页，方便交付开发。
html.to.design
将任意网站 HTML 导入 Figma，转成可编辑设计稿，无需从零搭建元素。
浏览器扩展ColorPick Eyedropper
带放大预览的浏览器取色器扩展，可从网页快速拾取颜色值并复制。
浏览器扩展Page Ruler Redux
一款浏览器扩展，用于测量网页元素的像素尺寸和位置，帮助开发者与设计师实现精准布局。
浏览器扩展Window Resizer
一款 Chrome 浏览器扩展，可快速调整窗口尺寸以模拟各种屏幕分辨率，方便测试响应式布局。
浏览器扩展VisBug
开源浏览器设计调试工具，像 FireBug 一样让设计师在真实网页上直接点选、编辑和调整样式。
浏览器扩展VisBug
开源浏览器设计调试工具，像设计软件一样直接在网页上点选、编辑样式与内容。
浏览器扩展Pesticide for Chrome
一款 Chrome 扩展，为页面每个 HTML 元素添加彩色描边，帮助开发者直观查看布局与元素位置。
浏览器扩展WhatFont
浏览器扩展，悬停即可识别网页所用字体及字体服务，支持 Firefox。
SVG Gobbler
开源浏览器扩展，可抓取、编辑、优化并导出网页中的 SVG 内容。
浏览器扩展Kontrast - WCAG Contrast Checker
浏览器扩展，实时检查并调整网页颜色对比度，满足 WCAG 2.1 无障碍标准。
浏览器扩展Tail Lens
浏览器中可视化检查和编辑 Tailwind CSS 类的 Chrome 扩展，支持实时预览、自动补全和间距参考线。
Figma 插件Use Contrast
一款快速检查 WCAG 颜色对比度的工具，提供 Figma 插件和 macOS 应用。
Fontself
Fontself 是一款让创意人快速制作自定义字体的工具，支持在 Illustrator 和 Photoshop 中把字形直接转为 OpenType 字体。
浏览器扩展Pixel Perfect Pro
浏览器扩展，可将设计稿叠加到网页上，逐像素比对还原度，支持多图层与标尺。
浏览器扩展WCAG Contrast checker
Firefox 扩展，按 WCAG 2.2 标准检测网页前景与背景色的对比度合规性。