Alloy vs Calque

Alloy is a product prototyping and user-testing platform that can work from a connected codebase or capture pages through a browser extension. With a codebase connected, it can run an app and show changes live in a browser. Teams can make interactive prototypes, share them, run sessions and collaborate. The Free plan includes $5 credits per user per month, unlimited sessions and viewers, and 30+ integrations. Alloy lists Linear, Jira, Slack and Intercom among its integrations. Sessions can be exported, accessed through MCP or turned into GitHub pull requests; teams can also push changes to a pull request and roll them out to customers. The browser extension needs no setup. Connecting a codebase requires admin permissions and about 15 minutes. Free has standard support, Pro has priority support, and Enterprise has 24/7 support. Pro costs $20 per user per month. Enterprise pricing is custom and includes API access, an account manager, custom terms, and SAML + SCIM.

Calque is a free, MIT-licensed tool that turns a PNG or JPEG website screenshot into HTML and CSS by measuring pixels. It can produce a self-contained HTML file or JSON measurements, including colors, type scale, weights, spacing, container width, gutters, and corner radii. It also identifies sections, columns, cards, buttons, alignment, and reading order, and can reconstruct vertical gradients. With the assets option, it crops photographs from the screenshot for use in the output. Its check command renders the result in an installed Chrome-family browser and compares it pixel by pixel with the screenshot. Calque is packaged as a Claude skill that provides measurements for Claude to use when writing project code. The documented workflow uses Tesseract for OCR; Docker is optional. The maker says it makes no model call or API request and works offline after OCR data is cached. It handles one screenshot, not a whole site, and cannot identify an exact typeface. Icons become placeholders, and photo crops retain screenshot resolution and any overlaid text.