Docs

Start here, then build.

Everything you need to connect an agent to Motif and use it well.

What Motif is

Motif is a design library your coding agent calls over MCP. Your agent (Claude Code, Codex, Cursor, ChatGPT and others) does the building with your model; Motif supplies guidance with real values, design-rule checks, project decisions and, as they open, templates. 9 of the 9 tools are live now.

Model costs are separate. Motif doesn't run a model for you. Whatever your agent's provider charges for its tokens, you pay them as usual.

Start in four steps

  1. Create a free account. Sign in with your email; we send a one-time code. No card needed; Free lasts 30 days.
  2. Connect your agent. Add the server https://mcp.asv-labs.com/mcp and sign in when the agent asks. Commands for each client.
  3. Check the connection. Ask your agent: Use Motif's get_usage and tell me my plan. It costs nothing and shows every allowance and when it resets.
  4. Build something. Ask for what you need, for example Use Motif to design the pricing page, then check contrast and target sizes before you finish.

Plans at a glance

PlanFreeCreator
Price$0, no card$9 a month
How long30 days from sign-upEvery month you're subscribed
Content operations100 a month5,000 a billing month
Premium guidesFree subset onlyUp to 500 a billing month
New premium template familiesNone (both free families included)Up to 20 a billing month
Project profiles125
Overage chargesNoneNone

Every limit, and how each one is counted.

Help

Something not working? Start with troubleshooting and the service status. Otherwise email SaltyEngineer@asv-labs.com.