Pricing
Free
Start with one Alpy Library. Customize your design system and explore the skills your AI agents can use through Alpy MCP.
$0
alwaysIncluded
- 1 Alpy Library
- Type and palette generators
- Light + Dark modes
- Component previews
- Token management
- Automated documentation
- Automated accessibility audit
Limits
- Library saved in your browser
- Sign in to connect Alpy MCP
- No additional libraries or library switching
- First library on Alpy
Pro
Bring your first Alpy Library into production. Give your AI agents its components, tokens, and design skills through Alpy MCP.
First library on Alpy$49Connected workflow
- 1 Alpy Library
- Alpy MCP connection
- Components and semantic tokens
- React and Vue components via MCP
- Web design style skills
- UI design skills
- UX, responsive, and accessibility guidance
- E-mail support
Limits
- No library switching
Enterprise
Give every brand and client its own Alpy Library. Connect your AI agents to the right design system and skills through Alpy MCP.
$490
Lifetime accessOne-time paymentEverything in Pro
- Unlimited Alpy Libraries
- Switch between libraries
- Separate libraries for brands and clients
- Priority support and onboarding
Compare all features
| Select plan | FreeTry for Free | ProUse Alpy MCP | EnterpriseGo Enterprise |
|---|---|---|---|
| Delivered through Alpy MCP | |||
| Alpy MCP connection | No | Yes | Yes |
| Components and semantic tokens | No | Yes | Yes |
| React and Vue components via MCP | No | Yes | Yes |
| Design skills and guidance through Alpy MCP | |||
| Web design style skills | No | Yes | Yes |
| UI design skills | No | Yes | Yes |
| UX guidance | No | Yes | Yes |
| Responsive guidance | No | Yes | Yes |
| Accessibility guidance | No | Yes | Yes |
| Your Alpy Library | |||
| Alpy Libraries | 1 | 1 | Unlimited |
| Type Scale Generator | Yes | Yes | Yes |
| Palette Generator | Yes | Yes | Yes |
| Modes | Light + Dark | Light + Dark | Light + Dark |
| Token management | Yes | Yes | Yes |
| Component previews | Yes | Yes | Yes |
| Automated documentation | Yes | Yes | Yes |
| Automated accessibility audit | Yes | Yes | Yes |
| Library storage | This browser | Your Alpy account | Your Alpy account |
| Additional libraries | No | No | Unlimited |
| Library switching | No | No | Yes |
| Separate libraries for brands and clients | No | No | Yes |
| Support | |||
| Help with your setup | No | Priority support and onboarding |
Questions? Answers!
Need help connecting your AI tools or choosing a plan? Get in touch and we’ll help you get started with Alpy MCP.
Alpy MCP connects your AI agents to your Alpy Library and design skills. Your agents can read components, semantic tokens, light and dark modes, web design style skills, and UI design skills, then use that context to build or improve your designs.
Create websites, landing pages, dashboards, app interfaces, and individual components with your connected AI agent. Describe your idea, audience, and goals. Your agent uses Alpy’s components, tokens, and design skills to plan, build, and refine the result in your chosen tool.
Connect through Claude, Codex, Cursor, Gemini, or Figma Connector using the setup guides. Other AI tools that support compatible remote MCP connections can use the same endpoint. Each connection gives your tool read-only access to the Alpy Library you select.
Sign in to Alpy and add the Alpy MCP URL to your AI tool. Complete authorization and select your library. Then describe what you want to create or improve. Your agent reads the components, tokens, and skills it needs through that connection. Follow your tool’s setup guide for the exact steps.
No. Start with Alpy’s ready-to-use library of components and semantic tokens in light and dark modes. Customize the typography, colors, and component styles for your brand. Your connected AI agents can read that shared design foundation through Alpy MCP.
Alpy includes web design style skills for choosing a visual direction and UI design skills for refining layout, typography, spacing, color, and visual hierarchy. You also get guidance for user experience, website planning, front-end design, responsive adaptation, and accessibility audits. Your agent reads the skills through Alpy MCP and applies them to your task.
Yes. Give your AI agent access to your project and describe what you want to improve. It can read Alpy’s design skills through MCP to guide a visual refresh, refine specific UI elements, adapt layouts to different screens, or review accessibility. You choose the scope.
Use Figma Connector to give an AI agent working in Figma access to your Alpy Library and design skills through Alpy MCP. Ask the agent to create, refine, or review an interface using your library’s components, tokens, and selected mode. The agent performs the work in Figma.
Everything is delivered to your connected AI agent through Alpy MCP. The agent reads the library components, tokens, and design guidance needed for your task, then uses them in your project. For React or Vue work, ask it to use the corresponding Alpy components.
Yes. Use Alpy MCP when creating client websites, apps, Figma designs, and production interfaces under your Alpy license. Clients who want to use Alpy directly need their own account. Enterprise lets you keep separate libraries for different brands and clients.