Give your AI build a taste.

Guide every AI design from first idea to final polish with a design system, creative direction, web design styles, and UI design skills.

Connect Alpy MCP to your AI

CursorCodexClaudeGeminiFigma

Alpy MCP workflow

Turn your vision into a clear direction for AI. Build on the styles, skills, and design system that Alpy MCP brings to your tools.

The AI defines Drift North’s audience, goals, brand promise, and information architecture before visual design begins.

Ongoing chatLive
Describe a task…
Used Alpy skills
  • ✓User Experience
  • ✓Website Design
Agent findings

Choose a style that fits your brand and audience. Each style includes guidance, components, tokens, and examples.

Connect Alpy MCP to your AI tools.

Alpy MCP gives your AI tools access to your Alpy Library’s components, tokens, design skills, and web design styles, helping you design, build, and review consistent interfaces.

Give your AI the design direction and Alpy Library context to create thoughtful, on-brand experiences.

Alpy MCP endpoint
Connect in ClaudeAdd Alpy as a custom connector in Claude.
  1. Open Settings → Connectors.
  2. Choose Add → Add custom connector.
  3. Enter Alpy and paste the endpoint above.
  4. Select Add.
  5. Sign in to Alpy, choose a library, and select Connect.
Alpy authorization page with library selection and Connect action

Your AI client opens Alpy’s secure sign-in and library-selection page. Choose a library and select Connect. You do not need to enter a Library Key or configure an Authorization header.

How to use it
Design
Turn ideas into polished websites, apps, pages, and flows.
Build
Create faster with your Alpy Library guiding every design decision.
Improve
Turn rough or generic work into intentional, finished experiences.
Strengthen UX
Make journeys clearer, actions easier, and feedback more helpful.
Bring Your Brand to Life
Carry your voice, personality, and visual character across every screen.
Create Clearer Layouts
Give content stronger hierarchy, balance, and focus.
Visual Design
Improve typography, color, spacing, contrast, and polish.
Make It Work Everywhere
Keep the experience clear across phones, tablets, and desktops.
Guide Important Decisions
Bring clarity to high-impact choices, reviews, and approvals.
Audit Accessibility
Find barriers that make experiences harder to see, understand, or use.
Stay True to Your Design System
Spot where the work drifts from your Alpy Library.