## Features

### Design Systems

[**Design Systems**  
Create unified styling and reusable components for consistent designs.](/content/docs/documentation/design-systems/overview/index.html)

[**Components**  
Build and manage reusable UI components in your Design System.](/content/docs/documentation/custom-components/using-components/index.html)

[**Rules**  
Define default styling rules for consistent designs across your team.](/content/docs/documentation/design-systems/rules/index.html)

[**Colors**  
Define your color palette for AI generation and the Visual Edit color picker.](/content/docs/documentation/design-systems/colors/index.html)

[**Typography**  
Manage font groups: upload custom fonts, Google Fonts, or font URLs.](/content/docs/documentation/get-started/fonts/index.html)

[**Icons**  
Manage icon libraries or import custom icons for your designs.](/content/docs/documentation/get-started/fonts#icons/index.html)

### Visual Edit & Agent Mode

[**Visual Edit**  
Select any element and edit its styles, text, and layout visually.](/content/docs/documentation/editor/how-to-prompt/index.html)

[**Agent Mode**  
AI architecture with automatic model routing, website browsing, and context-aware generation.](/content/blog/agent-mode/index.html)

### Import & Export

[**Import from Website**  
Import designs from any website, including localhost.](/content/docs/documentation/get-started/chrome-extension/index.html)

[**Import from Figma**  
Bring your Figma designs into Magic Patterns.](/content/docs/documentation/importing/import-from-figma/index.html)

[**Sync with Github**  
Two-way sync between Magic Patterns and your Github repository.](/content/docs/documentation/get-started/sync-to-github/index.html)

[**Download Code**  
Download your design code as a zip file.](/content/docs/documentation/get-started/download-code/index.html)

[**Forking**  
Create a copy of your design to explore new ideas.](/content/docs/documentation/editor/forking/index.html)

[**MCP Server**  
Connect your IDE or AI assistant to Magic Patterns via the Model Context Protocol.](/content/docs/documentation/features/mcp-server/overview/index.html)

### Team Collaboration

[**Team Workspaces**  
Manage team members, share Design Systems and components, and centralize billing.](/content/docs/documentation/collaboration/team-workspaces/index.html)

[**Sharing Designs**  
Share your designs with team members and stakeholders.](/content/docs/documentation/editor/sharing/index.html)

[**Inline Comments**  
Leave feedback directly on any element in a design.](/content/docs/documentation/collaboration/inline-comments/index.html)

[**Canvases**  
Collaborate with your team in real-time.](/content/docs/documentation/projects/how-to-share/index.html)

### Connectors

[**Connectors**  
Pull context from Notion, Linear, Granola, PostHog, and other connected tools into your designs.](/content/docs/documentation/connectors/connectors/index.html)

### Publishing

[**Custom Publish URL**  
Publish instantly to a shareable Magic Patterns URL.](/content/docs/documentation/publishing/publish-url/index.html)

[**Host on a Custom Domain**  
Host your designs on your own custom domain.](/content/docs/documentation/get-started/custom-domain/index.html)

### Integrations

[**OpenAI**  
Build AI-powered features using the OpenAI API.](/content/docs/documentation/integrations/openai/index.html)

[**Google Sheets**  
Read and write data from Google Sheets.](/content/docs/documentation/integrations/google-sheets/index.html)

[**Google Analytics**  
Track page views and user behavior with Google Analytics.](/content/docs/documentation/integrations/google-analytics/index.html)

[**See All Integrations**  
Explore all supported third-party tools and services.](/content/docs/documentation/integrations/overview/index.html)