# Magic Patterns vs TeleportHQ

**Leader by Vioscale score:** TeleportHQ

| Attribute | Magic Patterns | TeleportHQ |
|---|---|---|
| **Vioscale score** | 66.3 (76% (high)) | 77.7 (47% (low)) |
| deployment.options | `{"cloud":true}` | `{"cloud":true}` |
| description.long | An AI-powered design tool that lets product teams rapidly prototype UI concepts from prompts, with integration of their existing design systems and real-time collaboration features. | An all-in-one platform for creating static websites and UI components through visual design and code generation. It enables teams to collaborate in real-time, export production-ready code to multiple frameworks, and host projects on custom domains. |
| features.capabilities | `{"open_source":false,"vcs_push_pr":true,"figma_import":true,"delivery_mode":"standalone-web-app","pricing_model":"per-seat","sketch_xd_import":false,"design_tokens_export":true,"responsive_breakpoints":false,"text_prompt_generation":true,"continuous_sync_reexport":true,"screenshot_image_to_code":false,"accessibility_semantic_output":false,"component_design_system_mapping":true}` | - |
| integrations.count | 5 | 9 |
| integrations.list | `[{"name":"GitHub"},{"name":"Figma"},{"name":"Slack"},{"name":"Microsoft Teams"},{"name":"MCP"}]` | `[{"name":"Strapi"},{"name":"Contentful"},{"name":"Caisy"},{"name":"Flotiq"},{"name":"WordPress"},{"name":"Vercel"},{"name":"GitHub"},{"name":"Figma"},{"name":"Google Fonts"}]` |
| market.availability | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"web":true}` |
| pricing | `{"type":"hybrid","plans":[{"free":true,"name":"Free","summary":"$0/month","features":["100 monthly credits"],"components":[{"kind":"fixed","amount":0,"period":"month","currency":"USD"}],"description":"For users trying out the platform","contactSales":false,"includedLimits":{"credits":"100/mo"}},{"free":false,"name":"Starter","summary":"$20/seat/month billed annually","features":["1,000 monthly credits","Remove watermark on preview","On-demand usage","MCP","Sync with GitHub","Team workspaces (10 users)"],"commitment":"annual","components":[{"kind":"per_unit","unit":"seat","amount":20,"period":"month","currency":"USD"}],"description":"For individuals and small teams with light design work","contactSales":false,"includedLimits":{"credits":"1,000/mo"}},{"free":false,"name":"Business","summary":"$100/seat/month billed annually","features":["5,000 monthly credits","Access to latest AI models","SSO","Usage reporting","Everything in Starter"],"commitment":"annual","components":[{"kind":"per_unit","unit":"seat","amount":100,"period":"month","currency":"USD"}],"description":"For professionals and product teams building with Magic Patterns","contactSales":false,"includedLimits":{"credits":"5,000/mo"}},{"free":false,"name":"Enterprise","summary":"Custom pricing","features":["Custom credit pools","Custom import design system","Priority support","Dedicated account manager","SCIM & Access Controls","Dedicated Slack or Microsoft Teams channel","Early access to beta features"],"commitment":"annual","description":"For organizations scaling AI design workflows","contactSales":true}],"addOns":[{"name":"On-demand usage","components":[{"per":{"qty":1,"unit":"credit"},"kind":"metered","amount":0.02,"currency":"USD"}]}],"summary":"Free with 100 credits/mo. Starter $20/seat/mo, Business $100/seat/mo, Enterprise custom. Pay-as-you-go at $0.02 per credit for overage.","currency":"USD","freeTier":true,"sourceUrl":"https://www.magicpatterns.com/pricing","retrievedAt":"2026-08-25T08:37:35.552Z","startingPrice":{"unit":"seat","amount":20,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` | `{"type":"subscription","plans":[{"free":true,"name":"Trial","summary":"Free 7-day trial, no credit card required","features":["Build, share and publish projects","Code views and copy","15k AI tokens","10 forms","Form submission collection","Real-time collaboration","Free templates","Community support","Basic hosting on 1 custom domain","Free subdomain hosting"],"components":[{"kind":"fixed","amount":0,"period":"month","currency":"USD"}],"description":"7-day free trial with core features","contactSales":false,"includedLimits":{"forms":"10","pages":"10","ai_tokens":"15k","code_views":"10","custom_domains":"1","form_submissions":"2000/month"}},{"free":false,"name":"Professional","summary":"$18/month or $9/month billed annually","features":["All Trial features","Unlimited projects","Export code to 5 JS frameworks","75k AI tokens/month","Manual and automatic project backups (every 6 hours)","Remove watermark","Video upload","Private projects","Dedicated live chat support","Professional hosting on 3 custom domains","1GB assets per project","200GB bandwidth/month","Vercel integration"],"commitment":"monthly","components":[{"kind":"fixed","amount":18,"period":"month","currency":"USD"},{"kind":"fixed","amount":9,"period":"month","currency":"USD"}],"description":"For teams and individuals collaborating on complex projects","contactSales":false,"includedLimits":{"ai_tokens":"75k/month","bandwidth":"200GB/month","custom_domains":"3","assets_per_project":"1GB"}},{"free":false,"name":"Agency","summary":"Custom pricing","features":["All Professional features","Custom hosting on 10+ domains","Custom bandwidth on demand","Dedicated support and training via video call","Free 15-minute consultation"],"description":"For agencies and brands with high project volumes and custom hosting requirements","contactSales":true,"includedLimits":{"custom_domains":"10+"}},{"free":false,"name":"Enterprise","summary":"Contact sales for pricing","features":["All Professional features","Unlimited custom domains","Full white-label integration","Custom SLA","Single Sign-On (SSO)","Enterprise licensing","Custom integrations","Dedicated account manager","Custom development requests"],"description":"For large organizations with custom development and integration needs","contactSales":true}],"addOns":[{"name":"1 Hour Support","components":[{"kind":"one_time","amount":80,"currency":"USD"}]},{"name":"4 Hours Support","components":[{"kind":"one_time","amount":240,"currency":"USD"}]},{"name":"8 Hours Support","components":[{"kind":"one_time","amount":480,"currency":"USD"}]}],"summary":"Free 7-day trial. Professional from $9/month (annual) to $18/month. Agency and Enterprise plans available with custom pricing.","currency":"USD","freeTier":true,"sourceUrl":"https://teleporthq.io/pricing","retrievedAt":"2026-08-18T22:04:52.794Z","freeTrialDays":7,"startingPrice":{"amount":9,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` |
| pricing.free_tier | yes | yes |
| pricing.model | freemium | freemium |
| pricing.price_level | mid | low |
| pricing.starting_price | `{"amount":20,"currency":"USD"}` | `{"amount":9,"currency":"USD"}` |
| pricing.transparent | yes | yes |
| reliability.status_page | yes | - |
| security.gdpr | yes | yes |
| security.iso27001 | yes | - |
| security.soc2 | yes | - |

## Capabilities (Design To Code)

| Capability | Magic Patterns | TeleportHQ |
|---|:--:|:--:|
| **Capabilities** |  |  |
| Figma import | ✓ | - |
| Sketch xd import | ✗ | - |
| Screenshot image to code | ✗ | - |
| Text prompt generation | ✓ | - |
| Component design system mapping | ✓ | - |
| Continuous sync reexport | ✓ | - |
| Vcs push pr | ✓ | - |
| Design tokens export | ✓ | - |
| Accessibility semantic output | ✗ | - |
| Responsive breakpoints | ✗ | - |
| Delivery mode | Standalone web app | - |
| Open source | ✗ | - |
| Pricing model | Per seat | - |

*Source: Vioscale. Generated 2026-09-01T17:21:10.517Z. "-" = undocumented, not absent.*