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

Your Alpy design system

React and Vue components, or semantic and component tokens in light and dark modes.

Button
Satoshi
Aa Bb Cc
0123456789
Button
Satoshi
Aa Bb Cc
0123456789

Taste and design skills

21 web design styles and 12 UI skills, plus responsive and accessibility audit skills.

Playful GeometricModern DarkBauhaus

Ready to build

Use Figma Connector to Insert tokens and components or build with React or Vue.

FigmaReactVue

Web design style skills

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.