Chat Modes and Skills
You can now use Chat Modes and Skills straight from the dashboard initial prompt. Start a new design with /Inspiration, or kick off in /Plan mode before any code is written.In the editor, the / menu now organizes everything in one place:
- Chat Modes:
/Ask(formerly/Discuss) and/Plan. - Skills:
/Inspiration,/Debug, and/Polish(previously called “Commands”).
Learn more in our How to Prompt guide.
2026-04-30
New Component UI
Components are now unified in a single editor
If you want to make changes to the entire library at once you can now prompt it directly, e.g. “Update everything to be in my new primary color”. This makes it easier to edit multiple components at once.Here to help with any questions — message support@magicpatterns.com.
2026-04-23
Agent 2.0
Announcing Agent 2.0 and a new editor UI
Agent 2.0 is here! 15% fewer credits, 10% faster time-to-first-token, and an 8% performance improvement.We’ve also rebuilt the editor from the ground up with a cleaner layout and faster performance. Check it out on Product Hunt!
2026-04-23
Integrations moved to editor chatbar
Integrations Moved to the Chat Bar
Integrations now live in the chat bar, alongside Connectors and Skills. Open the menu to manage OpenAI, Anthropic, and Collect External Feedback without leaving the editor.Learn more about integrations.
2026-04-22
View model credit usage
View Model Usage and Credit Spend Per Prompt
You can now see exactly how many credits each prompt consumed and which model was used, directly in the chat interface.Learn more about credits and plans.
2026-04-21
Code Editor Shortcuts in Editor
New Code Editor Shortcuts
The code editor now supports new keyboard shortcuts for faster navigation:
- Cmd+Shift+F (Search in Project) — Quickly search across all files in your design.
- Cmd+P (Quick Open) — Jump to any file instantly by name.
2026-04-20
Copy Paste Directly to Figma
Copy Paste Directly to Figma
Exporting your designs to Figma is now faster and more seamless than ever:
- No plugin required — The Figma plugin is no longer needed. Export works natively without any installation.
- Direct copy-paste — Copy your design from Magic Patterns and paste it directly into Figma.
- Higher-fidelity output — Exports now render with improved accuracy, preserving more detail from your original design.
Learn more about exporting to Figma.
2026-04-16
Opus 4.7
Opus 4.7
Opus 4.7 is now available in Magic Patterns. It brings two key improvements:
- Better vision — Upload a screenshot to Magic Patterns and Opus 4.7 performs better relative to other models.
- Fewer errors — Opus 4.7 tends to verify its output before finishing, resulting in more reliable generations.
2026-04-15
Move Files Between Workspaces
Move Files Between Workspaces
You can now right-click on any file in the dashboard to move it between workspaces. This makes it easy to reorganize your designs across different team workspaces without duplicating work.See Team Workspaces for details.
2026-04-14
Usage Reports
Usage Reports
Business and Enterprise workspaces can open Usage Reports at Settings → Usage Reports to track adoption, compare activity on a team leaderboard, and review time saved. Other plans see an upgrade path to unlock reporting.See Team Workspaces for details.
2026-04-10
Skills
Skills
A simple, open format for giving the Magic Patterns agent new capabilities and expertise. Skills are folders of instructions, scripts, and resources that the agent can discover and load on demand to do real work more accurately and efficiently.Use Skills to capture procedural knowledge and company-, team-, or user-specific context in portable, version-controlled packages the agent can draw from based on the task it’s working on.Access Skills at Settings > Skills.
2026-04-09
Spacing and Misc Tokens added to Design Systems
Spacing and Misc Tokens added to Design Systems
You can now define spacing and miscellaneous tokens directly in your Design System. This gives you more control over consistent spacing, sizing, and other design tokens across your team’s designs.
2026-03-28
Improved Agent
Improved Agent
Our agent just got a significant upgrade across the board:
- 18% less credits — More efficient generations mean your credits go further.
- 10% faster — Reduced latency for quicker iterations.
- 12% more intelligent — Better understanding of your prompts and more accurate designs.
In addition, our agent now has better context management + memory. It will remember past details better and handle long conversations more efficiently.Enabled by default across all models for all users!
2026-03-26
Anthropic Integration
Anthropic Integration
We noticed people like designing chatbots… Introducing our Anthropic integration! You can now use the Anthropic API directly in Magic Patterns. Use it to create a working chatbot or support other AI-powered features directly in your Magic Patterns design.Enable the integration from the integrations section in the chatbar. We also support OpenAI integration, so you can choose the AI provider that works best for you.Learn more about setting up the Anthropic integration or the OpenAI integration in our documentation.
2026-03-25
Model Picker
Model Picker
You can now choose which AI model works best for you, depending on the task. Different models have different strengths: some are better for quick iterations, while others excel at complex design challenges.Hover over each model option to see how they compare, including credit usage per generation. This helps you make informed decisions about which model to use based on your current task.
2026-03-24
Cross-Project Referencing via MCP
Cross-Project Referencing via Magic Patterns MCP
You can now reference and merge designs across projects.This works out of the box by using the Magic Patterns MCP as a Connector within Magic Patterns.Simply connect the Magic Patterns MCP as a Connector, then share any Magic Patterns link in your prompts.Example prompt: “Use the Magic Patterns Connector/MCP to get the navigation bar from https://www.magicpatterns.com/c/456 and the settings panel from https://www.magicpatterns.com/c/design-b, then combine them into a single layout component”Learn more about Merging Designs.
2026-03-20
New Plans, Credits, and On-Demand Usage
New Plans, Credits, and On-Demand Usage
Today we’re introducing a new credit system, on-demand usage with pay-as-you-go billing, and restructured pricing plans.Read the full details here.
2026-03-19
Icons in Design Systems
Icons in Design Systems
You can now manage custom icons directly in your Design System. Choose from popular icon libraries like Lucide, or import your own custom icons by uploading SVG files or providing URLs.Icons are a dedicated section in your Design System. Learn more about using custom icons.
2026-03-17
New Credit System
Reminder: New Credit System and Pricing Updates
As shared earlier this month, we’re introducing a new credit system, on-demand usage with pay-as-you-go billing, and restructured pricing plans. These changes take effect on Friday, March 20, 2026. Emails have been sent to all existing customers.For existing customers, you’ll be automatically upgraded to a new equivalent plan at no additional cost. Your current pricing will be honored through June 30, 2026 or until your next renewal if you’re on an annual plan.Read the exciting new updates here. If you have any questions, we’re here to help. Feel free to reach out to our support team at support@magicpatterns.com or use our in-app chat. We believe this will unlock a lot for our power users.
2026-03-11
Image Nodes in the Canvas
Image Nodes in the Canvas
You can now drop in screenshots and images directly onto the canvas! This feature does not cost a credit because no AI is needed.
2026-03-04
Copy Paste from Figma
Copy Paste from Figma
Copy frames and components directly from Figma into Magic Patterns. Connect your Figma account, select any element in Figma, copy it, and paste it right into your design. No importing or exporting required.
Copy and paste from Figma into this new AI design tool - YouTube
Tap to unmute
Copy and paste from Figma into this new AI design tool Magic Patterns
Magic Patterns1.73K subscribers
Thank you to Magic Patterns user Steve Witmer for his help and feedback with this change!
2026-03-03
Rename Versions
Rename Versions
You can now rename versions directly in the versions dropdown. Give your versions meaningful names to keep track of your design iterations.
2026-03-03
Fork in Preview Links
Fork in Share Links
Anyone viewing your share link can now fork your design directly from the preview. This makes it easy for teammates to create their own version of a shared design.Learn more about sharing and preview links.
2026-03-02
New Pricing
New Credit System and Pricing Updates on March 20, 2026
We’re introducing a new credit system, on-demand usage with pay-as-you-go billing, and restructured pricing plans. These changes take effect on Friday, March 20, 2026. Emails have been sent to all existing customers.For existing customers, you’ll be automatically upgraded to a new equivalent plan at no additional cost. Your current pricing will be honored through June 30, 2026 or until your next renewal if you’re on an annual plan.Read the full details here. If you have any questions, we’re here to help. Feel free to reach out to our support team at support@magicpatterns.com or use our in-app chat.
2026-02-28
New MCP Tools
New MCP Tools
Our MCP server now letting you specify which design system to use when creating designs programmatically.We’ve also added several new tools:
list_design_systems— Discover available design systemscreate_blank_design— Create a new blank design with default scaffold filescreate_design— Create a design from a natural language promptcreate_new_artifact— Clone the current artifact for safe editingread_files/write_files/edit_files— Read and modify files in an artifactcompile_artifact_changes— Compile after making file changesupdate_design_from_prompt— Update a design using natural language
Learn more about the MCP Server.
2026-02-26
Command K
Command K
Press ⌘K (or Ctrl+K on Windows) to quickly access actions, navigate between designs, and search across your workspace. Command K gives you instant access to everything you need without leaving the keyboard.
2026-02-25
Submit feedback, get featured
Submit Feedback and Get Featured
We use Magic Patterns internally to build Magic Patterns.Submitting feedback here will spin up an internal Magic Patterns prototype for us to review and implement into our codebase. If shipped, we’ll credit you here in the changelog. We’re thankful for your feedback!
2026-02-24
Brand Import for Design Systems
Brand & Color Import for Design Systems
You can now import your brand, typography, color tokens directly into your Design System.Paste your website URL and Magic Patterns will automatically extract your brand’s colors, fonts, and styles to populate your Design System.
2026-02-19
Color Tokens
Color Tokens in Design Systems
You can now define and manage color tokens directly in your Design System.Your color tokens are also available in Visual Edit. When editing an element’s colors, they appear in the color picker under “On this design” for quick selection.
2026-02-18
Official Claude Connector
Official Claude Connector
Magic Patterns is now an official Claude connector! This recognition from Anthropic highlights our deep integration with Claude’s capabilities, enabling seamless AI-powered UI generation directly within the Claude ecosystem.
2026-02-16
Connectors
Connectors
Magic Patterns can now work with your external tools, databases, and applications to give you more relevant AI responses. Powered by the Model Context Protocol (MCP), connectors let the AI assistant pull in real context from the services you already use — like meeting notes, project issues, or analytics data — and incorporate it directly into your designs.Built-in support is available for Granola, Notion, Linear, and PostHog, with more coming soon. You can also add your own custom MCP server.For example: if you use Granola, you can now prompt the AI assistant to pull in your latest meeting notes and use them to inform a design.Learn more in the Connectors documentation.
2026-02-10
Typography in Design Systems
Typography in Design Systems
Generate designs that look like your font, automatically!Upload your custom font, choose a popular Google Font, or simply paste your font URL.Typography is a dedicated section in your Design System. Learn more about using custom fonts.
2026-02-08
Emails sent when sharing
Emails sent when sharing designs
For a long time, users thought our system would send an email when they invited someone to a design. This is now “fixed.” Emails are now sent when you invite someone. Thanks for your feedback!
2026-02-06
Improved Dashboard Navigation
Improved Dashboard Navigation
We’ve refreshed the navigation on the dashboard for a cleaner, more intuitive experience.
2026-02-05
Opus 4.6 in Auto Mode
Opus 4.6 Now Default in Auto
“Auto” mode now uses Claude Opus 4.6 by default, unless your organization has disabled it.
2026-02-04
Design Systems
Design Systems
Design Systems are the new way to keep consistent styles, colors, typography, and components across your team’s designs.Your existing presets and component libraries have been automatically migrated to Design Systems.
Read more in our blog post or check out the Design Systems documentation.
2026-01-31
Visual Edit
Visual Edit
Sometimes, you don’t need the AI. You’re now in control: select any element in your design and edit it manually. Change text, colors, spacing, and other properties from the Visual Edit panel.This feature was in beta, but is now available to everyone.
2026-01-28
Queue Messages
Queue Messages
You can now queue multiple prompts while a generation is in progress. Each prompt is processed in order.Queued prompts appear below the input field. You can remove any queued prompt before it starts.
2026-01-21
MUI Preset
MUI Default Design System
Generate components using our Material UI (MUI) Design System defaultHow it works:
- Tap the Design System Selector from the Dashboard
- Select MUI
2026-01-16
Text Nodes in the Canvas
Annotate Your Canvas
Add text nodes directly to your canvas to describe user flows, label prototypes, and keep your workspace organized.How it works:
- Click the text tool in the toolbar to add a text node anywhere on your canvas
- Double-click to edit the text inline
- Adjust font size, weight, and alignment using the floating controls
- Drag to reposition or resize the text box to fit your layout
Perfect for documenting design decisions, labeling prototype variations, or creating visual hierarchies across your projects.
2026-01-12
Collecting External Feedback
Collect Feedback in the Chatbar
We’ve moved the “Collect External Feedback” feature to the integrations section of the chatbar.You can enable external feedback collection on your designs from the integrations section in the chatbar.This adds a structured feedback form directly on your publish link. View more details in our Collecting External Feedback documentation.Access it via the integrations section in the chatbar → Collect External Feedback.
2026-01-12
Inline Preview Comments
Inline Preview Comments
Leave comments directly on your preview to collaborate with your team. Click anywhere on the design to start a conversation — perfect for gathering feedback without leaving the browser.We also refreshed the preview page with viewport controls, so you can see how your design looks across different screen sizes.Access it via Share → Preview Link.
2026-01-04
OAuth in MCP Server
OAuth 2.0 Authentication for MCP Server
Our MCP Server now supports OAuth 2.0 authentication. Simply connect and authorize through your browser — no more manually copying API keys into headers.This makes setup faster and keeps your credentials more secure.
2025-12-24
Updated Share & Publish Panels
Updated Share & Publish Panels
Sharing designs with teammates and publishing to the web are two of the most popular things you do with your prototypes.We gave both panels a UI & UX upgrade to make these workflows faster and more intuitive.
2025-12-19
Magic Patterns MCP Server
Magic Patterns MCP Server
Your favorite AI tools & agents can now connect to your Magic Patterns design via our MCP Server.One of our favorite new workflows is adding the Magic Patterns MCP to Cursor. When connected, you can simply tell Cursor the link to your Magic Patterns prototype and Cursor will automatically implement it in your codebase following your codebase’s conventions.Learn how to configure the MCP Server with your favorite tools here.
2025-12-12
Video → UI
Uploading a Video
Animate interactions, generate full user flows, debug issues, all from just uploading a single file.You can use a video when creating a new design or updating an existing one.
2025-12-09
Converting Presets
Converting Presets
You can now change the preset of an existing design to a different preset.Key benefits:
- Change Presets: Switch between Wireframe, Shadcn, Chakra, Mantine, or your own Custom Presets without starting over.
- Non-destructive: Creates a new version of your design, preserving your original generation.
How to try it:
- Open any design and click the “Convert” button in the top bar.
- Choose a new preset (like switching between two of your custom presets with different design systems).
- Watch as a new design is generated in a separate tab.
2025-12-04
Publishing
Publishing to a Custom Website Address
Publish your designs as live websites with a custom website address or your own domain.Key features:
- Custom Website Address: Create shareable URLs like
project-alex.magicpatterns.app - Custom Domains: Connect your own domain or subdomain.
- Multiple Domains: Add multiple domains to the same design
Learn more about publishing and custom preview URLs.
2025-12-03
Agent Mode
Agent Mode
Agent Mode is our new architecture designed specifically for rapid prototyping, creative inspiration, and building production interfaces.Read more about it’s capabilities in our blog post here.
2025-11-14
Device Frames
Device Frames
For specific viewports, you can now display a device frame around your design. Currently, these are the supported device frames:
- iPhone SE
- iPad Pro
More to come!
2025-11-07
Templates
Templates
Organize your reusable designs with Templates. Convert any design into a template and access them all from a dedicated tab in your dashboard.How it works:
- Click the dropdown next to your design name and select “Publish Template”
- All your templates appear in the Templates tab on your dashboard
- Fork from any template to create a new design based on it
- Unpublish templates anytime to remove them from the Templates tab
2025-11-06
Enhance Prompt
Enhance Prompt
Get better results with AI-powered prompt enhancement. Magic Patterns now helps you refine your prompts before generating.How it works:
- Click the “Enhance this prompt” button in the prompt input field
- AI automatically refines your prompt for clarity and specificity
- Get higher-quality designs with more accurate results
2025-10-17
Figma Remote MCP
Figma Remote MCP
Importing from Figma got a massive upgrade. We now enrich frames and components with context from the Figma MCP automatically (you no longer need the Chrome extension + dekstop app).Read more about how we designed this feature in our latest blog post.
Upgraded Personal & Workspace Settings
Our settings page was getting really long with all the features we’ve been shipping. We improved this page to help you better manage your team + customize your Magic Patterns experience.
Refreshed documentation
We made it easier to find the information you need. If you have any feedback on what documentation you’d like to see, we’re all ears!
2025-10-13
OpenAI Integration
OpenAI Integration
You can now bring your own OpenAI API key to power AI generation in your designs and prototypes.Key features:
- Input your OpenAI API key directly in the integrations section of the chatbar
- Use AI-powered features with your own OpenAI account
- API keys are automatically available across all your designs once configured
Get your OpenAI API key at platform.openai.com/api-keys.Learn more about the OpenAI integration in our documentation.
2025-10-06
Upgrade Component Instances
Upgrade Component Instances
When you publish a new version of a component, you can now upgrade all instances across your designs in one place.How it works:
- When you publish a new component version, a modal appears showing all designs that use that component
- Select which designs you want to upgrade and click “Upgrade Instances” to update them all at once
2025-09-19
Sound Notifications
Sound Notifications
Enabled by default for all users!
- Get a gentle chime when your design is ready
- Multitask while Magic Patterns works in the background
How to disable:
- Go to Settings > Preferences > Sound Notifications
- Toggle “Sound Notifications” off
2025-09-12
Credit Rollovers
Credit Rollovers
- Credits now rollover month-over-month
- See your credit history in your settings
Read more about this update in our blog here.
Closed beta
Two new features are releasing under closed beta.
- Agent Mode
- Integration with Figma MCP
If you’re interested in testing either of these, reach out!
2025-09-01
Improved Import from Figma
Improved Import from Figma
- We’ve improved the Import from Figma to capture exact color values.
Other Improvements & New Features
- Improved Import from Figma
- Dashboard QoL features (renaming files, performance improvements)
- Editor QoL features (refresh preview, page dropdown, etc)
- Fixed issues with Delete Element
- Improved sync with GitHub reliability
2025-08-15
New Fast Model
New Fast Model
- “Fast” mode now runs on Claude Sonnet 4.
- We’ve seen major improvements in debugging issues, listening to instructions, and solving unique challenges
- We’d still recommend using “Best” for large UI changes or more “inspirational” guidance
Improved Site Hosting
- We migrated our site hosting infrastructure to a new system that loads previews 2x faster
- Sites hosted through our custom domain feature will also be faster + more stable
Other Improvements & New Features
- Import from Figma is now in early access. Coming to everyone next week.
- Default page routing
- Convert between presets
- Improved error handling for sync with Github
- Fixed preview on canvas
- Supporting more NPM packages
2025-08-01
Referral Program
Referral Program
- Earn credits by inviting your teammates and friends to Magic Patterns
- Find your unique referral link on the Magic Patterns dashboard
Other Improvements & New Features
- Granular permissions on libraries
- Automatic Detach Components preference
- Support for Meta Pixels and Google Tags
- General stability and error improvements
- Improved login experience
- Lots of bug fixes
2025-07-01
Shared with me
Shared with me tab
- We’ve added a new “Shared with me” section to the dashboard.
- You can now see all the designs that have been shared with you.
Other Improvements & New Features
- Granular permissions on canvases
- SAML SSO Authentication
- Improved support chat interface
- Better troubleshooting documentation
- Automatic error detection + fixing
- Improved dashboard loading performance
- Better support for mock data via xlsx and csv files
- Support for many more NPM packages
- Ability to deprecate components
- Ability to add additional context when creating a component
Bug Fixes
- Support for latest lucide icons
- Easier site navigation in canvas
- Fixed bug with versioning dropdown
- Fixed issues of infinitely hanging generations
- Fixed performance issues
- Improved platform stability and handling for outages out of our control
2025-06-01
Granular Permissions
Invite your team, set permissions, and control read/write access
- If you click the share button in the top-right corner of any design, you can now invite your team to collaborate on the design.
- You can also control who has access to the design.
Other updates:
- Better error handling
- Component source code included when possible in code export
- Improved AI context handling
- Ability to rename components
- New /Debug and /Discuss commands
2025-05-01
New Dashboard and Custom Components
”Chats” renamed to “Designs” and “Projects” renamed to “Canvas”
- We revamped our dashboard: magicpatterns.com/dashboard
- We renamed “Projects” to “Canvas”
Users consistently referred to the infinite canvas as “the canvas.” So, we renamed it. Naming is hard. Internally, we called it “Spaces,” then settled on “Projects.” But it got extra confusing when people referred to chats as “projects.” We are listening to the community here and officially renamed it to “Canvas.”More excitingly, we revamped the dashboard to show libraries and components.
Custom components in public beta
We’re excited to announce components in public beta, read more here: Custom Components
- Custom components in public beta
- Thinking is exposed
- Improved preview image generation
2025-04-01
Feedback Collection and Password Protection
We’re excited to announce two major features:
- Structured feedback collection
- Password protection for shared designs
You can now gather feedback directly through Magic Patterns by configuring custom questions for stakeholders.Additionally, you can secure your shared prototypes with password protection to control who has access to your designs.
Feedback Collection & Passwords - YouTube
Tap to unmute
Feedback Collection & Passwords Magic Patterns
Magic Patterns1.73K subscribers
2025-03-01
Custom Domains and Improved Preview Links
We’re excited to several new features:
- Custom domains
- Image upload improvements
- Preview links — more human-readable and shareable
- Lots and lots of bug fixes
Read more about custom domains here: Custom domains
2025-02-01
Editor UI Refresh and Performance Improvements
We’re excited to several new features and improvements:
- Refresh of our core editor UI
- Previews now load 5x faster
- Page routing
- Model Mode: Fast or Quality (Sonnet 3.5 vs 3.7)
- Moved our API product to our new infrastructure
- “Copy Prompt” feature/integration on 21st.dev
2025-01-01
Workspaces
We’re excited to announce Workspaces and other improvements:
- Workspaces
- Added diff-ing
- Ability to undo
2024-12-01
API Product and Projects Released
Was this page helpful?
YesNo
Ctrl+I