> ## Documentation Index
> Fetch the complete documentation index at: https://www.magicpatterns.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Features

> Explore all the features Magic Patterns has to offer

This page links to every feature in one place. For the full sidebar, use the Designs, MagicOS, Design Systems, Publish and Integrate, and Teams and Enterprise tabs at the top of the docs.

## Features

### MagicOS

> [card] [What is MagicOS](https://www.magicpatterns.com/docs/documentation/magic-os/overview.md)
>
> An infinite design canvas where your ideas, inspiration, designs, and decisions live together.

> [card] [When to use MagicOS](https://www.magicpatterns.com/docs/documentation/magic-os/when-to-use-magicos.md)
>
> Decide between a canvas and a single design.

### Designs

> [card] [What is a Design](https://www.magicpatterns.com/docs/documentation/editor/what-is-a-design.md)
>
> One chat and one live, interactive preview that you build by prompting.

> [card] [Get started with a design](https://www.magicpatterns.com/docs/documentation/editor/quickstart.md)
>
> Generate your first design from a prompt, no design experience needed.

### Design Systems

> [card] [Design Systems](https://www.magicpatterns.com/docs/documentation/design-systems/overview.md)
>
> Create unified styling and reusable components for consistent designs.

> [card] [Components](https://www.magicpatterns.com/docs/documentation/design-systems/editing/components.md)
>
> Build and manage reusable UI components in your Design System.

> [card] [Rules](https://www.magicpatterns.com/docs/documentation/design-systems/editing/rules.md)
>
> Define default styling rules for consistent designs across your team.

> [card] [Colors](https://www.magicpatterns.com/docs/documentation/design-systems/editing/colors.md)
>
> Define your color palette for AI generation and the Visual Edit color
> picker.

> [card] [Typography](https://www.magicpatterns.com/docs/documentation/design-systems/editing/typography-and-icons.md)
>
> Manage font groups: upload custom fonts, Google Fonts, or font URLs.

> [card] [Icons](https://www.magicpatterns.com/docs/documentation/design-systems/editing/typography-and-icons.md#icons)
>
> Manage icon libraries or import custom icons for your designs.

### Visual Edit & Agent Mode

> [card] [Visual Edit](https://www.magicpatterns.com/docs/documentation/editor/how-to-prompt.md)
>
> Select any element and edit its styles, text, and layout visually.

> [card] [Agent Mode](https://www.magicpatterns.com/blog/agent-mode)
>
> AI architecture with automatic model routing, website browsing, and
> context-aware generation.

> [card] [Plan Mode](https://www.magicpatterns.com/docs/documentation/editor/plan-mode.md)
>
> Brainstorm and align on a plan with the agent before any code is written.

> [card] [Controls](https://www.magicpatterns.com/docs/documentation/editor/controls.md)
>
> Compare intentional variants and tune meaningful options in Preview.

### Import & Export

> [card] [Import from Figma](https://www.magicpatterns.com/docs/documentation/importing/import-from-figma.md)
>
> Bring your Figma designs into Magic Patterns.

> [card] [Sync with Github](https://www.magicpatterns.com/docs/documentation/get-started/sync-to-github.md)
>
> Two-way sync between Magic Patterns and your Github repository.

> [card] [Download Code](https://www.magicpatterns.com/docs/documentation/get-started/download-code.md)
>
> Download your design code as a zip file.

> [card] [Forking](https://www.magicpatterns.com/docs/documentation/editor/forking.md)
>
> Create a copy of your design to explore new ideas.

> [card] [MCP Server](https://www.magicpatterns.com/docs/documentation/features/mcp-server/overview.md)
>
> Connect your IDE or AI assistant to Magic Patterns via the Model Context
> Protocol.

### Team Collaboration

> [card] [Team Workspaces](https://www.magicpatterns.com/docs/documentation/collaboration/team-workspaces.md)
>
> Manage team members, share Design Systems and components, and centralize
> billing.

> [card] [Sharing Designs](https://www.magicpatterns.com/docs/documentation/editor/sharing.md)
>
> Share your designs with team members and stakeholders.

> [card] [Live Multiplayer](https://www.magicpatterns.com/docs/documentation/collaboration/live-multiplayer.md)
>
> Work on the same design or canvas with your team in real time.

> [card] [Inline Comments](https://www.magicpatterns.com/docs/documentation/collaboration/inline-comments.md)
>
> Leave feedback directly on any element in a design.

### Slide Decks

> [card] [Slide Decks](https://www.magicpatterns.com/docs/documentation/slide-decks/overview.md)
>
> Generate AI-powered presentations from a prompt or convert any design into a deck.

> [card] [Present and Export](https://www.magicpatterns.com/docs/documentation/slide-decks/export-and-present.md)
>
> Present fullscreen in the browser or download your deck as a PDF.

### Connectors

> [card] [Connectors](https://www.magicpatterns.com/docs/documentation/connectors/connectors.md)
>
> Pull context from Notion, Linear, Granola, PostHog, and other connected
> tools into your designs.

### Publishing

> [card] [Custom Publish URL](https://www.magicpatterns.com/docs/documentation/publishing/publish-url.md)
>
> Publish instantly to a shareable Magic Patterns URL.

> [card] [Host on a Custom Domain](https://www.magicpatterns.com/docs/documentation/get-started/custom-domain.md)
>
> Host your designs on your own custom domain.

### Integrations

> [card] [OpenAI](https://www.magicpatterns.com/docs/documentation/integrations/openai.md)
>
> Build AI-powered features using the OpenAI API.

> [card] [Google Sheets](https://www.magicpatterns.com/docs/documentation/integrations/google-sheets.md)
>
> Read and write data from Google Sheets.

> [card] [Google Analytics](https://www.magicpatterns.com/docs/documentation/integrations/google-analytics.md)
>
> Track page views and user behavior with Google Analytics.

> [card] [See All Integrations](https://www.magicpatterns.com/docs/documentation/integrations/overview.md)
>
> Explore all supported third-party tools and services.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.