Agent access to design references
Connects an AI agent to Refero’s curated library of real product interfaces and user flows so the agent can research before producing output.
Refero MCP
Refero MCP for AI agents connects an MCP-compatible agent to Refero’s curated library of web and iOS product interfaces and user flows. It helps agents research real design patterns before generating UI, with access included in the Refero Pro plan.
Overview
Refero MCP for AI agents is a design-research tool that connects an MCP-compatible agent to Refero’s library of real product interfaces and user flows. It is positioned to help agents study existing layouts and interaction patterns before generating a design, so the result is grounded in examples rather than generic assumptions.
The underlying Refero platform focuses on web and iOS UI/UX references, with tens of thousands of screens and user flows organized for search and comparison. The MCP offering extends that library to agent workflows, while the site also shows related products such as a Refero Skill and a Figma plugin for browsing references inside Figma.
Features
Large screen and flow library
Provides a large searchable collection of web and iOS screens, including onboarding, paywalls, empty states, settings, permissions, and other product states.
Structured screen metadata
Includes structured metadata such as descriptions, UX patterns, UI patterns, and layouts so the agent can evaluate references before viewing the image.
Fast pattern review
Supports design research across hundreds of screens and flows in seconds, which is intended to reduce manual browsing during agent tasks.
Search and filtering workflow
Lets users search by tags, text content, and site name, and switch between web and iOS results with a platform toggle.
Refero Skill for design methodology
Includes a Refero Skill that installs into an agent as a methodology for research-first design work, with craft rules for typography, color, spacing, and motion.
Use Cases
Research before building UI
An agent can look up related product screens and user flows before generating an interface, which is useful when the task requires a specific layout or interaction pattern.
Pattern research for product flows
Teams can search for examples of onboarding, billing, account setup, and other common app flows to compare how real products handle those states.
Reference lookup inside agent workflows
A designer working with an MCP-capable coding tool can ask the agent to search Refero for relevant references instead of manually switching between browser tabs and screenshots.
Cross-platform design inspiration
Because the library includes both web and iOS examples, it can support cross-platform inspiration when a product needs consistent design language across surfaces.
Research-first design methodology
The Refero Skill can be used when a team wants an agent to research references first and then apply craft rules around typography, color, spacing, and motion.
Pros and Cons
Pros
- Connects agents to a large library of real web and iOS product screens and flows.
- Adds structured metadata that can support more targeted design research than image-only browsing.
- Works with MCP-capable tools and shows a simple authorization flow after the first sign-in.
- Supported by broader Refero search features such as tags, text search, site search, and web/iOS switching.
- Backed by a pricing page that indicates MCP access is included in the Pro plan.
Cons
- The source does not provide a full step-by-step install guide beyond a one-line configuration and browser sign-in flow.
- Compatibility is described broadly as any tool that supports MCP, but the page does not list deeper integration details or platform requirements.
- Some product areas, such as team usage and exact plan boundaries, are only partially documented on the source pages.
FAQ
How do I access Refero MCP?
Refero MCP is included with a Refero Pro subscription. The first time you use it, you sign in through a browser window and then the connection becomes automatic for later use.
What tools does Refero MCP work with?
The page says Refero MCP works with any tool that supports MCP, and it specifically shows Claude Code, Cursor, Antigravity, Lovable, Codex, Manus, and other compatible tools.
How does setup work?
The install flow shown on the page is a one-line configuration followed by browser-based sign-in and authorization. After that, your agent can search Refero screens and user flows during tasks.
When is Refero MCP useful?
Refero MCP is aimed at AI agents that need design references, especially when they are generating interfaces, researching patterns, or choosing layouts for product work.
Are there any limitations or setup details to know?
The source does not describe every compatibility detail or the full installation steps. It does show that the product is built around MCP support and browser-based authorization.
Quick Facts
- Category
- Developer Tool
- Primary use
- AI-agent design research
- Product type
- MCP-connected reference library
- Platform scope
- Web and iOS design references
- Access
- Included with Refero Pro
- Source domain
- refero.design
Alternatives à Refero MCP
Napkin AI
Napkin AI transforme du texte en visuels éditables pour présentations, documents et contenus partageables. Génération à partir du texte, collaboration, export PPT, PNG, SVG ou PDF.
Pixso
Pixso est un outil de conception UI natif d'IA de nouvelle génération qui permet aux utilisateurs de générer des ébauches de conception et du code en un seul clic, servant d'alternative nationale à Figma.
创客贴 AI
创客贴 AI est une plateforme de design intelligent alimentée par l'IA qui comprend divers outils de design IA pour aider les utilisateurs à réduire la complexité du design et à améliorer l'efficacité du design.
Make Real
Make Real is a Next.js app that turns hand-drawn wireframes into working HTML prototypes using the tldraw SDK and AI models. It helps users sketch on a canvas, generate code, and review the result in an embedded preview.
Frames
Frames vous aide à créer rapidement des posters de lancement et des visuels marketing pour Instagram, Twitter et Product Hunt, avec des modèles. Gratuit.
GPTIMG2 AI
GPTIMG2 AI is a web-based image generator built around OpenAI’s GPT Image 2 model. It supports prompt-driven generation, reference-based edits, readable text, and higher-resolution outputs for product visuals, posters, UI mockups, ads, and similar production assets.