MiroMiroMiroMiroAPI
Key
n8n template · Brand

Get any website's brand kit as files with n8n

One zip with everything you need to build in a site's style: the logo, CSS variables, design tokens and a summary that says how sure it is.

Use this template View on GitHub

Free template · 300 free credits a month · no credit card

The workflow

Logo, CSS variables, W3C tokens and a summary in one zip.

  1. Run

    Click Execute

  2. Settings

    Your website

  3. MiroMiro

    Brand kit

  4. MiroMiro

    Design tokens

  5. HTTP Request

    Download the logo

  6. Zip

    Brand kit

What comes out
stripe.com-brand-kit.zip
S

stripe.com

Primary declared by the site

#635BFF
#0A2540
#00D4FF
#F6F9FC
#425466

Aa Söhne · 400 / 600

  • logo.svg
  • brand.css
  • tokens.json
  • brand.md
Cost
20 credits per website
Setup
About a minute
Starts with
Run
You get
Brand kit
What you get

What the template gives you

  • logo: the site's logo file.

  • brand.css: brand colors and fonts as CSS variables.

  • tokens.json: every color, font, size, spacing and radius as W3C Design Tokens, for Figma variables, Style Dictionary or Tokens Studio.

  • brand.md: a readable summary, including whether the colors were declared by the site or inferred.

How to use it

Running in about a minute

  1. Your API key

    mm_live_••••••••

    300 free credits a month

    1

    Get a free key and add it in any MiroMiro node: Credential › Create new.

  2. My workflow
    • Download
    • Import from URL…
    • Import from File…
    2

    Import the template: ⋯ menu › Import from URL, and paste the link below.

  3. Execute workflowWorkflow executed successfully
    3

    Run it: set your website, click Execute workflow, and grab the result from the last node.

Template link

Paste it in n8n: ⋯ menu (top right of a workflow) › Import from URL.

Or download the .json and use Import from File. No key yet? Get a free API key.

For this template

  • Put the website in Settings and click Execute workflow.
  • Download the zip from "Zip the brand kit".
Perfect for

Who uses it

  • Designers starting a project in a client's style
  • Agencies onboarding a new client
  • Importing a site's tokens into Figma
The MiroMiro node

Verified by n8n

The template uses the MiroMiro node, approved by n8n and coming to n8n Cloud's nodes panel with their next release. On self-hosted n8n it works today: Settings > Community nodes > Install, with the package name below.

n8n-nodes-miromiro Source and all templates on GitHub
FAQ

Frequently asked questions

How sure is it about the colors?

The summary says whether the primary color was declared by the site (theme color, CSS variables) or inferred from what the page uses most.

Can I import the tokens into Figma?

Yes. tokens.json is in the W3C Design Tokens format that Tokens Studio and Figma variable importers read.

Is the template free?

Yes. The template and the MiroMiro node are free. The node calls the MiroMiro API, which includes 300 free credits a month with no card; paid plans start when you need more.

Does it work on n8n Cloud?

MiroMiro has been verified by n8n and arrives in n8n Cloud’s nodes panel with n8n’s next release. On self-hosted n8n it works today: Settings > Community nodes > Install, package name n8n-nodes-miromiro.

Can I change the workflow?

Yes, it is a normal n8n workflow. Swap the trigger for a schedule, a webhook or a Google Sheet, and send the result to Drive, Dropbox, email or Slack.

More n8n templates

All templates

Compare the brands of many websites

Many websites in, one brand spreadsheet out.

Brand board from any website

Open a link, get a designed brand board.

Download every image from a website

Every image on a page, downloaded and zipped.

Get your free API key

300 free credits a month, no credit card. The same key works in n8n, over REST and in ChatGPT, Claude or Cursor.

Get a free API key