# GrapesJS vs Locofy

**Leader by Vioscale score:** Locofy

| Attribute | GrapesJS | Locofy |
|---|---|---|
| **Vioscale score** | 56.9 (47% (low)) | 70 (47% (low)) |
| deployment.options | `{"cloud":true,"hybrid":true,"self_hosted":true}` | `{"cloud":true,"hybrid":true,"on_prem":true,"self_hosted":true}` |
| description.long | An embeddable web builder framework for designing HTML templates, newsletters, landing pages, and web content through a graphical interface. Supports multiple output formats and offers flexible deployment options with cloud or self-hosted data storage. | Transforms Figma and Penpot designs into functional frontend code in minutes, supporting React, React Native, Angular and other frameworks with enterprise-grade security and flexible deployment options. |
| integrations.count | 1 | 14 |
| integrations.list | `[{"name":"Campaign Monitor"}]` | `[{"name":"Figma"},{"name":"Penpot"},{"name":"React"},{"name":"React Native"},{"name":"Angular"},{"name":"Material UI"},{"name":"Bootstrap"},{"name":"HTML/CSS"},{"name":"GitHub"},{"name":"VS Code"},{"name":"Claude"},{"name":"Gemini"},{"name":"Supabase"},{"name":"Prisma"}]` |
| market.availability | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"cli":true,"ios":true,"web":true,"android":true}` |
| pricing | `{"type":"hybrid","plans":[{"free":true,"name":"Free","summary":"Free. 1,000 sessions/mo, overages $50 per 1,000 sessions","features":["All basic features","Standard email support","With Studio branding"],"components":[{"kind":"fixed","amount":0,"period":"month","currency":"USD"}],"contactSales":false,"includedLimits":{"domains":"1","sessions":"1,000/mo"}},{"free":false,"name":"Startup","summary":"$200/mo. 20,000 sessions/mo, overages $20 per 1,000 sessions","features":["Everything in Free plan","Custom branding","Priority email support"],"components":[{"kind":"fixed","amount":200,"period":"month","currency":"USD"}],"description":"Best for small teams","contactSales":false,"includedLimits":{"domains":"2","sessions":"20,000/mo"}},{"free":false,"name":"Business","summary":"$2,000/mo. 50,000 sessions/mo, overages $10 per 1,000 sessions","features":["Everything in Startup plan","Dedicated Slack channel"],"components":[{"kind":"fixed","amount":2000,"period":"month","currency":"USD"}],"description":"Best for growing businesses","contactSales":false,"includedLimits":{"domains":"Wildcard","sessions":"50,000/mo"}},{"free":false,"name":"Enterprise","summary":"Custom pricing. Unlimited sessions, 24x7 support","features":["Unlimited sessions","24x7 phone support","Custom plugin support","Multiple domains support","Custom development"],"description":"Best for large organizations","contactSales":true,"includedLimits":{"sessions":"Unlimited"}}],"summary":"Free tier available. Paid plans from $200/mo. Usage-based overage charges for sessions and storage.","currency":"USD","freeTier":true,"sourceUrl":"https://grapesjs.com/sdk/pricing","retrievedAt":"2026-08-20T08:22:00.310Z","startingPrice":{"amount":200,"period":"month","currency":"USD"},"billingPeriods":["month"]}` | `{"type":"subscription","plans":[{"free":true,"name":"Free","summary":"Free 7-day trial","features":["2,000 LDMtokens","Auto-converts to Hobby plan after 7 days"],"components":[{"kind":"one_time","amount":0,"currency":"USD"}],"description":"7-day trial for learning and experimenting","contactSales":false,"includedLimits":{"ldm_tokens":"2000","trial_duration_days":"7"}},{"free":false,"name":"Hobby","summary":"$40/month","features":["LDMtokens","1 frame conversion at a time","Export developer friendly code","Secured SaaS platform","Self-guided onboarding"],"commitment":"monthly","components":[{"kind":"fixed","amount":40,"period":"month","currency":"USD"}],"description":"For light use and hobby projects","contactSales":false},{"free":false,"name":"Pro","summary":"$80/month","features":["Includes free UIPro Pro account","4,000 LDMtokens","1 frame conversion at a time","Export developer friendly code","MCP for AI-assisted copilots","Secured SaaS platform","Self-guided onboarding"],"commitment":"monthly","components":[{"kind":"fixed","amount":80,"period":"month","currency":"USD"}],"description":"For pro developers and designers","contactSales":false,"includedLimits":{"ldm_tokens":"4000"}},{"free":false,"name":"Enterprise","summary":"Custom pricing","features":["Custom token amount and pricing","Full data privacy","Multiple frames conversion at a time","Unlimited teams & collaboration","Unlimited frames per project","Custom components","GitHub integration","Dedicated Locofy expert","Dedicated support Slack channel","Onboarding, training & workshops","Dedicated private cloud option","Self-hosted / On-premise option","SAML SSO authentication"],"commitment":"annual","description":"Enterprise-grade solution with custom allocations and full deployment flexibility","contactSales":true,"includedLimits":{"ldm_tokens":"custom"}}],"summary":"From $40/month. Free 7-day trial available.","currency":"USD","freeTier":true,"sourceUrl":"https://www.locofy.ai/pricing","retrievedAt":"2026-08-20T12:17:23.277Z","freeTrialDays":7,"startingPrice":{"amount":40,"period":"month","currency":"USD"},"billingPeriods":["month","year"]}` |
| pricing.free_tier | yes | yes |
| pricing.model | freemium | freemium |
| pricing.price_level | high | mid |
| pricing.starting_price | `{"amount":200,"currency":"USD"}` | `{"amount":40,"currency":"USD"}` |
| pricing.transparent | yes | yes |

## Capabilities (Design To Code)

| Capability | GrapesJS | Locofy |
|---|:--:|:--:|
| **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 | - | - |
| Open source | - | - |
| Pricing model | - | - |

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