# Magic Patterns vs TeleportHQ

| Attribute | Magic Patterns | TeleportHQ |
|---|---|---|
| **vioscaleAI score** | 64.6 (73% (medium)) | 62 (40% (low)) |
| content.faq | `[{"answer":"Magic Patterns enables product teams to rapidly generate user interface screens from text prompts using AI. Teams can integrate their existing design systems and components for consistency, collaborate in real-time, and maintain enterprise security standards. It is indexed under Design To Code.","source":"https://www.magicpatterns.com","question":"What is Magic Patterns?","confidence":0.6},{"answer":"Magic Patterns offers a free tier, so you can start without paying. Paid plans start at $20 per user per month. Prices are published openly on the vendor's own pricing page. Pricing changes often, so verify at source before relying on it.","source":"https://www.magicpatterns.com","question":"Is Magic Patterns free?","confidence":0.6},{"answer":"We have confirmed browser-based access to Magic Patterns. That is the extent of what we could verify from public sources, so it may well offer desktop or mobile clients we have not indexed.","source":"https://www.magicpatterns.com","question":"What platforms does Magic Patterns support?","confidence":0.6},{"answer":"We have only confirmed a cloud / SaaS deployment for Magic Patterns, so it appears to be vendor-hosted. If a self-hosted option exists we have not found it documented publicly.","source":"https://www.magicpatterns.com","question":"Can Magic Patterns be self-hosted?","confidence":0.6},{"answer":"We have confirmed 8 integrations for Magic Patterns, including GitHub, Figma, Slack, Microsoft Teams, MCP, OpenAI, Anthropic and Lucide. This is what we could verify from public sources, so the vendor may support others we have not indexed.","source":"https://www.magicpatterns.com","question":"What does Magic Patterns integrate with?","confidence":0.6},{"answer":"We have independently confirmed SOC 2, ISO 27001 and GDPR for Magic Patterns. Certifications we do not list are ones we have not been able to verify from public sources, which is not the same as Magic Patterns not holding them. Always confirm compliance directly before you rely on it.","source":"https://www.magicpatterns.com/docs/documentation/enterprise/security","question":"What security certifications does Magic Patterns have?","confidence":0.7},{"answer":"Magic Patterns is available worldwide. Its primary market is the United States.","source":"https://www.magicpatterns.com","question":"Where is Magic Patterns available?","confidence":0.5}]` | `[{"answer":"TeleportHQ is a visual website builder that combines drag-and-drop design with AI capabilities to help teams create, collaborate on, and deploy websites and web components. It supports design-to-code workflows, exports to multiple frameworks, and integrates with headless CMS systems. It is indexed under Design To Code.","source":"https://teleporthq.io/pricing","question":"What is TeleportHQ?","confidence":0.6},{"answer":"TeleportHQ offers a free tier, so you can start without paying. Paid plans start at $9 per month. Prices are published openly on the vendor's own pricing page. Pricing changes often, so verify at source before relying on it.","source":"https://teleporthq.io/pricing","question":"Is TeleportHQ free?","confidence":0.6},{"answer":"We have confirmed browser-based access to TeleportHQ. That is the extent of what we could verify from public sources, so it may well offer desktop or mobile clients we have not indexed.","source":"https://teleporthq.io/pricing","question":"What platforms does TeleportHQ support?","confidence":0.6},{"answer":"Yes. TeleportHQ can be deployed cloud / SaaS and self-hosted, so it does not have to run on the vendor's infrastructure.","source":"https://teleporthq.io/pricing","question":"Can TeleportHQ be self-hosted?","confidence":0.6},{"answer":"We have confirmed 14 integrations for TeleportHQ, including Strapi, Contentful, Caisy, Flotiq, WordPress, Vercel, GitHub and Figma, plus 6 more. This is what we could verify from public sources, so the vendor may support others we have not indexed.","source":"https://teleporthq.io/pricing","question":"What does TeleportHQ integrate with?","confidence":0.6},{"answer":"We have independently confirmed GDPR for TeleportHQ. Certifications we do not list are ones we have not been able to verify from public sources, which is not the same as TeleportHQ not holding them. Always confirm compliance directly before you rely on it.","source":"https://teleporthq.io/privacy-policy","question":"What security certifications does TeleportHQ have?","confidence":0.7},{"answer":"TeleportHQ is available worldwide. Its primary market is the United States.","source":"https://teleporthq.io/pricing","question":"Where is TeleportHQ available?","confidence":0.5}]` |
| deployment.options | `{"cloud":true}` | `{"cloud":true,"self_hosted":true}` |
| description.long | Magic Patterns enables product teams to rapidly generate user interface screens from text prompts using AI. Teams can integrate their existing design systems and components for consistency, collaborate in real-time, and maintain enterprise security standards. | TeleportHQ is a visual website builder that combines drag-and-drop design with AI capabilities to help teams create, collaborate on, and deploy websites and web components. It supports design-to-code workflows, exports to multiple frameworks, and integrates with headless CMS systems. |
| 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}` | `{"open_source":false,"figma_import":true,"delivery_mode":"standalone-web-app","pricing_model":"per-seat","architecture_model":"managed_cloud_saas_browser","design_tokens_export":true,"responsive_breakpoints":true,"text_prompt_generation":true,"component_design_system_mapping":true,"react_vue_swift_compose_semantic_code_export":true,"responsive_breakpoint_and_flexbox_code_generation":true,"design_token_variable_support_and_export_css_variables":true}` |
| integrations.count | 6 | 6 |
| integrations.list | `[{"name":"GitHub"},{"name":"Figma"},{"name":"Slack"},{"name":"Microsoft Teams"},{"name":"MCP"},{"name":"OpenAI","native":true,"category":"ai","direction":"outbound"},{"name":"Anthropic","native":true,"category":"ai","direction":"outbound"},{"name":"Lucide","native":true,"category":"design"},{"name":"Collect External Feedback","native":true,"category":"feedback","direction":"inbound"}]` | `[{"name":"Strapi"},{"name":"Contentful"},{"name":"Caisy"},{"name":"Flotiq"},{"name":"WordPress"},{"name":"Vercel"},{"name":"GitHub"},{"name":"Figma"},{"name":"Google Fonts"},{"name":"React","native":true,"category":"framework","direction":"outbound"},{"name":"Vue","native":true,"category":"framework","direction":"outbound"},{"name":"Angular","native":true,"category":"framework","direction":"outbound"},{"name":"Next","native":true,"category":"framework","direction":"outbound"},{"name":"Google Analytics","native":true,"category":"analytics","direction":"outbound"}]` |
| market.availability | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"web":true}` |
| pricing | `{"type":"subscription","plans":[{"free":true,"name":"Free","summary":"Free plan with limited monthly credits","components":[{"kind":"fixed","amount":0,"period":"month","currency":"USD"}],"description":"For users just trying us out","contactSales":false,"includedLimits":{"monthly_credits":"Free (limited)"}},{"free":false,"name":"Starter","summary":"$17/seat/month (annual) or $20/seat/month. Includes 1,000 monthly credits.","features":["Remove watermark on preview","Credit rollovers","MCP","Sync with GitHub","Team workspaces (up to 10 users)"],"components":[{"kind":"per_unit","unit":"seat","amount":17,"period":"month","currency":"USD","commitment":"annual"},{"kind":"per_unit","unit":"seat","amount":20,"period":"month","currency":"USD"}],"description":"For hobbyists with light use to explore Magic Patterns","contactSales":false,"includedLimits":{"monthly_credits":"1,000"}},{"free":false,"name":"Business","summary":"$85/seat/month (annual) or $100/seat/month. Includes 5,000 monthly credits.","features":["Everything in Starter","SSO","Usage reporting"],"components":[{"kind":"per_unit","unit":"seat","amount":85,"period":"month","currency":"USD","commitment":"annual"},{"kind":"per_unit","unit":"seat","amount":100,"period":"month","currency":"USD"}],"description":"For professionals & product teams building with Magic Patterns","contactSales":false,"includedLimits":{"monthly_credits":"5,000"}},{"free":false,"name":"Enterprise","summary":"Custom pricing with annual commitment.","features":["Everything in Business","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 looking to replace their legacy workflows and become AI-native","contactSales":true}],"addOns":[{"name":"On-Demand Usage","components":[{"per":{"qty":1,"unit":"credit"},"kind":"metered","amount":0.02,"currency":"USD"}]}],"summary":"Free tier or from $17/seat/month (annual) or $20/seat/month (monthly). Enterprise custom pricing.","currency":"USD","freeTier":true,"sourceUrl":"https://www.magicpatterns.com/pricing","retrievedAt":"2026-10-07T15:25:19.766Z","startingPrice":{"unit":"seat","amount":17,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` | `{"type":"hybrid","plans":[{"free":true,"name":"Free","features":["Project version history and manual backups","Code access & export (HTML, CSS, React, Next.js, Vue, Angular)","Project folders and organization","Automated workflows","1 form submission endpoint","Built-in analytics","SEO tools (meta titles, descriptions, XML sitemap, URL redirects, robots.txt)","Free subdomain hosting","Component libraries and design system management"],"commitment":"month","description":"Build and publish free for 7 days per project","contactSales":false},{"free":false,"name":"Pro (Slot-based)","features":["Project version history and manual backups","Code access & export (HTML, CSS, React, Next.js, Vue, Angular)","Project folders","Automated workflows","API & backend integrations","Custom code support (HTML, CSS, JavaScript)","Product catalog and inventory management","Order and customer management","Built-in checkout and payments","Transactional email automation","Blog creation with categories","CMS headless integration (Strapi, Contentful, WordPress, Caisy, Flotiq)","Multiple form submission endpoints (1 + 1 per slot)","Advanced analytics with historical data","Automatic WebP image conversion","Advanced SEO features","AI-powered content translation and localization","Per-locale asset customization","Bonus AI tokens included monthly"],"components":[{"kind":"fixed","amount":19.99,"period":"month","currency":"USD"},{"kind":"fixed","amount":179.99,"period":"year","currency":"USD"},{"per":{"qty":100000,"unit":"tokens"},"kind":"metered","amount":0.1,"currency":"USD"}],"description":"Pay per interactive project slot","contactSales":false}],"addOns":[{"name":"Figma design implementation"}],"summary":"Free for 7 days per project. Pro: $19.99/month or $179.99/year per slot. AI tokens: $10 per 100,000 tokens.","currency":"USD","freeTier":true,"sourceUrl":"https://teleporthq.io/pricing","retrievedAt":"2026-09-24T12:31:48.661Z","freeTrialDays":7,"startingPrice":{"amount":19.99,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` |
| pricing.free_tier | yes | yes |
| pricing.model | freemium | freemium |
| pricing.price_level | mid | mid |
| pricing.starting_price | `{"amount":17,"currency":"USD"}` | `{"amount":19.99,"currency":"USD"}` |
| pricing.transparent | yes | yes |
| reliability.status_page | yes | - |
| security.certifications | `[{"name":"SOC 2","status":"active"},{"name":"ISO 27001","status":"active"}]` | `[{"name":"GDPR Compliance","status":"active"}]` |
| security.disclosure_policy | - | yes |
| security.gdpr | yes | yes |
| security.iso27001 | yes | - |
| security.soc2 | yes | - |
| security.trust_center | https://www.magicpatterns.com/docs/documentation/enterprise/security | - |

## 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 | Standalone web app |
| Open source | ✗ | ✗ |
| Pricing model | Per seat | Per seat |

*Source: vioscaleAI. Generated 2026-10-16T21:23:25.888Z. "-" = undocumented, not absent.*