Calque vs Locofy

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.

Locofy converts design files into responsive frontend code for web and mobile apps. Plugins are available for Figma, Penpot and Adobe XD, and project options include React, Next.js, HTML/CSS, Gatsby, Vue, Angular, Flutter, React Native, Swift and Jetpack Compose. A live preview runs on actual code for reviewing and refining generated designs; code export and deployment are listed through Netlify and Vercel integrations. Locofy MCP can generate frontend code from Figma within compatible tools such as Cursor, Claude Code, Windsurf, Gemini CLI and GitHub Copilot. Monthly self-service plans convert one frame at a time, while converting multiple frames in one run is listed for Enterprise. GitHub sync is not available on monthly self-service plans or the 5-day free trial. Locofy has web and extension access. The Free plan provides 2,000 LDMtokens and Hobby features for 7 days before automatically converting to Hobby. Hobby costs $40 a month and Pro costs $80 a month.