Learn
Short, direct answers to the questions people ask about design systems, and where Orvain UI stands on each.
Guides#
- What is Orvain UI?
Orvain UI is a design system for React and Vue with a Figma library and a hosted MCP server, built so designers, developers and AI tools share one component source.
- What is an AI-native design system?
An AI-native design system exposes its components, props and tokens as structured data AI coding tools can query, so generated code matches the real API.
- What is an MCP design system?
An MCP design system exposes its components, props and tokens through a Model Context Protocol server so Cursor, Claude Code and other AI tools can query them.
- What is a React design system, and how do you choose one?
What a React design system contains, how to choose between copy-paste, packaged and headless options, and where Orvain UI fits.
- What is a Vue design system, and how do you choose one?
What a Vue design system is, what to look for in one, and how Orvain UI gives Vue the same tokens, blocks and Figma library as React.
- What is a Figma UI kit, and how is it different from a design system?
What a Figma UI kit is, how it differs from a design system, why Figma-to-code parity matters and what is in Orvain's Figma library.