Skip to content
SPECIFICTION
Get listed

Calque vs Figma Make

Calque

github.com

Figma Make

figma.com

Side by side

FigureCalqueFigma Make
Price from—$3/mo
Free plan—Yes
Free trial——
Open source——
Web—Yes
WindowsYesYes
macOSYesYes
LinuxYesYes
iOS—Yes
Android—Yes
API—Yes
Self-hostedYes—
Plans published015
Spec score · AI Screenshot-to-Code Tools7.8 (#12)9.1 (#1)
PurposeCalque turns a website screenshot into working HTML and CSS by measuring pixels rather than asking a vision model to interpret them.Figma Make turns natural language prompts into interactive wireframes, flows, dashboards, and apps.

Plans

Calque

No plans published.

Calque pricing →

Figma Make

  • Professional Full seat$16 a month
  • Professional Dev seat$12 a month
  • Professional Collab seat$3 a month
  • Organization Full seat$55 a month
  • Organization Dev seat$25 a month
  • Organization Collab seat$5 a month
  • Enterprise Full seat$90 a month
  • Enterprise Dev seat$35 a month
  • StarterFree
  • Enterprise Collab seat$5 a month

Figma Make pricing →

In their own words

Calque

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.

Visit github.com

Figma Make

Figma Make turns natural-language prompts into interactive wireframes, flows, dashboards and apps. A project can start from scratch or from a frame or component brought in from Figma Design. Users can refine generated work in a visual editor, adjust code in a built-in editor or prompt again. It can create interactive, data-connected prototypes that users can refine and test, using real content or API data through a backend integration. Prototypes can be shared with a team or published publicly. Prompts use AI credits, and the amount depends on the model, task complexity and context volume. Organization and Enterprise members can use vetted partner connectors such as Notion, Asana, Linear, GitHub and Atlassian; Organization members can also connect custom MCP servers subject to organization settings. Figma Make is listed for macOS and web. Its closed beta for using Make in a local codebase is Mac-only and requires the Figma Beta desktop app for Mac. A Professional Full seat is listed at $16 a month, billed monthly, with 3,000 AI credits per month.

Visit figma.com