# Codia AI vs GrapesJS

**Leader by Vioscale score:** Codia AI

| Attribute | Codia AI | GrapesJS |
|---|---|---|
| **Vioscale score** | 69.7 (46% (low)) | 56.9 (47% (low)) |
| deployment.options | `{"cloud":true}` | `{"cloud":true,"hybrid":true,"self_hosted":true}` |
| description.long | A tool that takes screenshots, PDF files, slides, and images, analyzes them with AI, and outputs them as designs that can be edited and used in Figma, PowerPoint, Canva, and similar applications. | 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. |
| integrations.count | 16 | 1 |
| integrations.list | `[{"name":"Figma"},{"name":"PowerPoint"},{"name":"Canva"},{"name":"Keynote"},{"name":"React"},{"name":"Vue"},{"name":"Swift"},{"name":"SwiftUI"},{"name":"Kotlin"},{"name":"Jetpack Compose"},{"name":"Flutter"},{"name":"React Native"},{"name":"Claude Desktop"},{"name":"ChatGPT"},{"name":"Cursor"},{"name":"NotebookLM"}]` | `[{"name":"Campaign Monitor"}]` |
| market.availability | `{"primaryMarkets":[],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"web":true}` |
| pricing | `{"type":"hybrid","summary":"Free tier with usage-based pricing","freeTier":true,"sourceUrl":"https://codia.ai/ko/pricing","retrievedAt":"2026-08-18T22:05:44.731Z"}` | `{"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"]}` |
| pricing.free_tier | yes | yes |
| pricing.model | freemium | freemium |
| pricing.price_level | low | high |
| pricing.starting_price | - | `{"amount":200,"currency":"USD"}` |
| pricing.transparent | yes | yes |
| security.gdpr | yes | - |

## Capabilities (Design To Code)

| Capability | Codia AI | GrapesJS |
|---|:--:|:--:|
| **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-01T16:46:07.682Z. "-" = undocumented, not absent.*