Free Design Tools

Browser-first tool directory

All current tools are free and run in the browser. Image files stay local unless you choose to download or copy the generated result.

Experimental tools are practical helpers, not professional retouching, AI generation, or analysis engines.

Photoshop Workflow

Shortcut lookup, printable references, and local keyboard shortcut file inspection.

3 tools
Photoshop Shortcut FinderSearch commands by shortcut, menu path, platform, or workflow category.LOCAL Shortcut Cheat Sheet BuilderBuild printable shortcut sheets and export CSV or Markdown.EXPORT KYS File ViewerInspect local Photoshop keyboard shortcut files and export a simple report.FILE

Image Preparation

Resize, compress, convert, crop, rename, clean metadata, and build browser mockups.

13 tools
Image CompressorCompress images locally with quality controls and size comparison.LOCAL Image ResizerResize images to custom or social presets while preserving aspect ratio.CANVAS Social Image CropperCrop images for common social ratios and export the final PNG.EXPORT Image ConverterConvert between JPG, PNG, and WebP locally.LOCAL SVG to PNG ConverterConvert SVG files to PNG with size and background controls.SVG EXIF Metadata RemoverStrip image metadata by redrawing files in the browser.PRIVACY Favicon GeneratorCreate common favicon PNG sizes from one image.EXPORT Batch Image RenamerPlan clean file names for image sets and export the rename list.PLAN Moodboard MakerArrange local images into a simple exportable moodboard.BOARD Background RemoverThreshold-based transparent background helper for simple, flat backgrounds.LOCAL Image UpscalerCanvas upscaler with smooth and pixel-art modes.CANVAS Smart Object Mockup MakerPlace an uploaded design into simple browser mockup frames.MOCKUP YouTube Thumbnail AnalyzerCheck brightness, contrast, safe-area guides, and dominant colors.REPORT

Color and CSS

Palette extraction, accessibility checks, token conversion, type previews, and CSS generators.

9 tools
Color Palette ExtractorExtract dominant colors and export palette formats.HEX Contrast CheckerCheck text colors against WCAG contrast thresholds.WCAG Color Accessibility AuditorAudit multiple colors for pairwise contrast issues.WCAG Gradient GeneratorCreate CSS linear gradients with preview and copyable output.CSS Design Token ConverterConvert JSON design tokens into CSS variables and Tailwind config snippets.JSON Box Shadow GeneratorBuild CSS shadow styles with a live preview.CSS Glassmorphism GeneratorCreate frosted UI layer CSS for mockups and prototypes.CSS Font Pairing PreviewerPreview heading and body type pairings with sample copy.TYPE Brand Kit GeneratorGenerate a lightweight brand palette, CSS variables, and usage notes.KIT

Prompting and Plans

Structured prompt helpers, alt text drafting, and scope generators for future browser-side packages.

5 tools
AI Image Prompt BuilderGenerate structured prompts for image tools without calling an AI API.PROMPT Product Photo Prompt StudioRule-based prompt templates for product photography concepts.PROMPT Alt Text HelperDraft accessible image descriptions from filenames, context, and visible color cues.A11Y Figma Plugin Scope GeneratorGenerate a local manifest-style planning draft. No package is released yet.P2 Chrome Extension Scope GeneratorGenerate a local Manifest V3 planning draft. No package is released yet.P2