Design
Extract a specific region from an image using precise X, Y coordinates and dimensions
image-extract-coordinatesDesign
Extract a specific rectangular region from an image by specifying area dimensions and position
image-extract-regionDesign
Apply various preset filters to your images using professional photo effects
image-filtersDesign
Generate CSS filter properties
css-filter-generatorDesign
Generate CSS border-radius properties
border-radius-generatorDesign
Generate CSS box-shadow properties
box-shadow-generatorDesign
Generate CSS gradient text effects
css-gradient-textDesign
Inspect TTF/OTF/WOFF/WOFF2 fonts: metadata, glyph counts, metrics, style flags, Unicode coverage heatmap, glyph SVG previews, ligatures, OpenType features and variable-font axes.
font-file-inspectorDesign
Preview a heading and body font pairing with real copy, sizes, weights, line heights, character samples, and CSS stacks.
font-pairing-preview-cardDesign
Convert a Figma px value into iOS pt, Android dp/sp, web rem/vw with a fluid clamp() snippet, a density-bucket render table and a touch-target accessibility audit, as a developer spec card.
figma-ios-android-pt-dp-sp-responsive-design-spec-cardDesign
Paste a Figma / Tokens Studio variables JSON and export to Tailwind, shadcn CSS variables, Style Dictionary, or SCSS. Preserves color, spacing and font tokens with type inference.
figma-tokens-exportDesign
Calculate camera field of view from focal length and sensor size, with scene coverage at distance.
field-of-view-calculator