The work between Figma and ship

Figma covers the design surface. The 30% before and after — picking a brand palette, verifying contrast for accessibility audits, dropping a screenshot into a device frame for a portfolio post, converting a .heic from the client into a usable .jpg, generating every favicon and OG image variant before launch — is what Toolenza is built for.

Nothing here replaces Figma or Photoshop. Everything here is the single-keystroke version of the surrounding job: paste a color, get a contrast verdict; drop an image, get every favicon size; type a hero headline, get a real OG card.

What designers reach for daily

• color — pick palettes, generate complementary / triadic / split-complementary sets, sample from an image, copy as CSS / Tailwind tokens.
• contrast-checker — verify WCAG AA (4.5:1 body, 3:1 large) and AAA (7:1 body) with live preview and an accessible-fallback suggestion when failing.
• screenshot-mockup — drop a screenshot into a phone, laptop, browser-window, or floating-3D frame for portfolio and marketing posts.
• og-image-generator — design a branded social-preview card with logo, headline, accent gradient, and export as a 1200×630 PNG.
• favicon-generator — upload one square PNG, get every size and platform variant (favicon.ico, apple-touch-icon, manifest icons).
• image + image-format + image-quality — convert between PNG / JPG / WebP / AVIF, compress without re-rendering, set target file sizes.
• dpi-adjuster — set image DPI for print without resampling pixels.
• heic-to-jpg — convert iPhone photos to web-usable JPGs.
• exif-stripper + exif-viewer — see and remove camera metadata before publishing (location, device, timestamp).
• lorem — placeholder text in 4 flavours (classic lorem ipsum, Bacon ipsum, hipster, cat).
• meta-tag-preview — see exactly how your URL renders in Google search, Twitter, Facebook, Slack, iMessage.
• css-visualizer — preview gradients, shadows, border-radius, and cubic-bezier curves with copy-to-clipboard CSS output.

Accessibility, not as an afterthought

The contrast checker is intentionally one of the pinned tools because the European Accessibility Act (June 2025) makes WCAG AA the legal baseline for digital products in the EU. The 4.5:1 minimum for body text isn't a suggestion — it's how the design either passes audit or doesn't. The tool tests both AA and AAA, normal and large text, and tells you the nearest accessible foreground if your brand pair fails.

For color-blind-safety specifically, contrast survives most red-green deficiency (it's a luminance metric) but isn't a complete check. Combine with a simulator like Color Oracle.