Getting started

From sign-in to your first design.md in about two minutes.

Mateo turns a website's design into a structured specification - a design.md file - that AI coding tools can build from.

Your first generation

  1. Sign in with Google. Mateo uses Google sign-in only; there is no separate password to manage.
  2. Enter a URL in the command bar (for example example.com). On Pro and Max plans you can also attach a screenshot, or use a screenshot alone - see input modes.
  3. Press Generate. A typical run takes 40–100 seconds depending on the site's complexity. The progress view shows each stage as it happens.
  4. Read the result. You'll get a Design Quality overview, the full design system report, and an AI Context summary - each in its own tab.

Every generation is saved to your Library automatically and stays there across sessions and devices.

What you need

  • A Google account
  • A public website URL, a screenshot of a design (PNG, JPEG, or WebP up to 6 MB), or both
  • A free plan includes 3 generations per month - see plans and quotas

Next steps