Design
使用精确的X、Y坐标和尺寸从图片中提取特定区域
image-extract-coordinatesDesign
从图片中提取指定的矩形区域,支持自定义尺寸和位置
image-extract-regionDesign
为您的图片应用各种预设滤镜,使用专业照片效果
image-filtersDesign
生成 CSS 滤镜属性
css-filter-generatorDesign
生成 CSS 圆角属性
border-radius-generatorDesign
生成 CSS 盒阴影属性
box-shadow-generatorDesign
生成 CSS 渐变文字效果
css-gradient-textDesign
上传 TTF、OTF、WOFF 或 WOFF2 字体文件(WOFF2 自动解压),检视完整元数据:家族/子族/设计师/版权/版本、字形数、unitsPerEm、字重与宽度级别、斜体角度、风格标志、包围盒;按 Unicode 区块统计覆盖热力图;渲染字形 SVG 预览(可自定义文本,图标字体自动采样);列出 GSUB 连字(liga)与 OpenType 特性;可变字体显示 fvar 轴与命名实例。
font-file-inspectorDesign
用真实文案预览标题与正文字体配对、字号、字重、行高、字符集和 CSS 字体栈。
font-pairing-preview-cardDesign
把 Figma 像素值换算成平台正确单位并生成开发者规范卡:iOS pt(@1x/@2x/@3x 及各倍率渲染 px)、Android dp/sp(mdpi…xxxhdpi 全密度桶渲染表、字体缩放)、Web rem/vw 与 clamp() 流式排版片段;按 iOS 44pt / Android 48dp / WCAG 44px 与 24px 审计最小触控目标,并标注 Material 窗口类与 Tailwind 断点。
figma-ios-android-pt-dp-sp-responsive-design-spec-cardDesign
粘贴 Figma / Tokens Studio 变量 JSON,导出为 Tailwind、shadcn CSS 变量、Style Dictionary 或 SCSS。通过类型推断保留颜色、间距与字体 token。
figma-tokens-exportDesign
根据焦距与传感器尺寸计算相机视场角,并估算指定距离下的取景覆盖范围。
field-of-view-calculator