Case Study
View Case StudyTray.ai
Migrating hundreds of thousands of pages, re-platforming and extending for the leading composable AI integration platform
From Framer to KeystoneJS
We are the Framer to KeystoneJS migration experts
Last verified:
Challenges with Framer
Key pain points
Framer looks incredible until you ask it to behave like a real CMS. The moment you go beyond a tiny blog or a five-page marketing site, the cracks show fast.
The CMS is bare-bones, the editor eats half your screen. Let's not forget the slow previews, sticky panels, and random bugs that make you question your life choices.
And then there’s the pricing. The entry-level CMS plan caps you at one collection, and once you start getting traffic or adding more collections, you move into $20–$40+ per collection per month territory. Framer simply isn’t built for deep structures, complex logic, or anything resembling enterprise workflows. If you’re already knee-deep in a Framer setup and not sure whether to scale, switch, or salvage, reach out to us. We’ll help you figure out the smartest path forward (and save you from the pain).
Basic CMS
Framer’s CMS works for blogs and small sites, but anything bigger starts to feel cramped. If you are looking for complex structures, relationships, or enterprise-level content operations, you’ll hit the walls quickly.
Not built for serious eCommerce
It can handle a simple store, but anything custom, multi-variant, or large-scale becomes a hackathon. If you’re planning real eCommerce, you’ll want something sturdier.
Only friendly for designers
If you’ve never touched design tools, the UI has a learning curve, and there’s no deep tutorial to hold your hand. You’re on your own after the basics.
Limited advanced features
Things like user roles, workflows, or deep automation are difficult on Framer. Great for designers; less great for anyone who needs serious operational features.
Small plugin ecosystem
The community is growing, but nowhere near Webflow or mature CMS platforms. If you need niche integrations or extensions, expect roadblocks or custom work.
Not suited for complex or multi-language sites
As soon as you need structured data, heavy localisation, or custom code, Framer starts to feel restrictive. Headless CMS platforms handle this far better.
Benefits of KeystoneJS
Key advantages
KeystoneJS is one of those tools that really clicks if your team thinks in code. It's a schema-driven, open-source headless CMS built on Node.js, and the developer experience is genuinely good. You define your content models in TypeScript, Keystone generates a GraphQL API and an admin UI for you, and you're off. There's very little magic or abstraction hiding what's happening under the hood, which we appreciate when building complex projects for clients.
The Prisma ORM integration is a real highlight. Automatic migration generation, type-safe database access, and support for PostgreSQL, MySQL, and SQLite mean you're not fighting your data layer. If you've ever had to wrangle a CMS into supporting a non-trivial relational content model, you'll understand why this matters. Keystone lets you express those relationships cleanly and query them with a proper GraphQL API.
The document field editor is also worth mentioning. It's one of the more thoughtful rich text implementations we've seen in a headless CMS. You can embed custom React components directly into the editor, which means content teams can work with your actual design system components rather than generic blocks. For teams that care about structured content, Keystone gives you real tools to enforce it.
Where Keystone really shines is in projects where the development team wants full ownership of the stack. There's no vendor lock-in, no proprietary query language, and no surprise pricing tiers. If you want a CMS that feels like a well-designed library rather than a platform, Keystone delivers on that promise.
Schema-as-code with full TypeScript support
Define your entire content model in TypeScript with strong type inference throughout. The schema drives everything from the database to the admin UI to the GraphQL API.
Automatic GraphQL API generation
Every content type you define automatically gets a full CRUD GraphQL API with filtering, pagination, and relationship resolution. No manual endpoint wiring needed.
Prisma-powered database layer
Built on Prisma ORM with automatic migration generation and type-safe queries. Supports PostgreSQL, MySQL, and SQLite out of the box.
Flexible document field editor
The rich text editor supports custom embedded components that map to your design system, giving content editors structured authoring without sacrificing flexibility.
Granular access control
Fine-grained, field-level access control defined in code. You can write custom logic for create, read, update, and delete operations per field or per list.
Fully open source with no vendor lock-in
MIT licensed with no paid tiers or proprietary features gated behind a subscription. You own the entire stack and can host it wherever you want.
Common questions
Framer to KeystoneJS migration FAQs
Answers to the most common questions about Framer to KeystoneJS migration
How much does Framer cost for a real website?
Framer's free plan is heavily restricted (2 pages, framer.site subdomain, Framer branding). The Mini plan is $5/month (billed yearly), Basic is $15/month, and Pro is $30/month. Where costs escalate is the CMS. The basic CMS plan limits you to 1 collection, and adding more collections pushes you into $20-$40+ per collection per month. For a site with a blog, case studies, and a team directory (three collections), you're looking at $90-$150/month before any custom domain or analytics add-ons. That's not cheap for what is essentially a visual website builder. Compare that to a headless CMS on a free tier plus $20/month Vercel hosting, and the math starts working against Framer quickly.
Can you move a Framer site to a headless CMS without losing the design?
Yes, and we've done this for several clients. The design itself translates well to a modern frontend because Framer sites are essentially CSS layouts with animations. We rebuild the visual design in Next.js (or whatever framework fits), which usually produces a faster, more performant version of the same site. CMS content exports from Framer's collections through their API, though the data structures are simple so the migration is straightforward. Animations need manual recreation using a library like Motion for React, but the results are typically better than Framer's output. The whole process takes 4-8 weeks for a typical marketing site.
What are the best alternatives to Framer for a growing company?
It depends on what you're outgrowing. If you want to keep the visual editing experience, Webflow offers more CMS depth and ecommerce capabilities, though it has its own scaling limitations. If you want full control, a headless CMS (Sanity is our pick) paired with Next.js gives you unlimited flexibility in content modelling, design, and performance. Builder.io is worth considering if your marketing team needs to build pages independently, though the vendor lock-in is a concern. For most growing companies, we recommend the headless CMS plus custom frontend route because it scales without platform ceilings and your design is never limited by what a visual builder supports.
When should you stop using Framer and switch to something else?
Three signals tell you it's time. First, your CMS needs exceed what collections can handle. If you need relational content, structured data beyond flat lists, or more than a handful of collection types, Framer's CMS will hold you back. Second, performance. Framer sites can get sluggish with heavy animations and large pages, and you have limited control over optimisation. Third, development workflows. If your team includes developers who want version control, CI/CD pipelines, and the ability to write custom logic, Framer's no-code environment becomes a constraint. We've migrated Framer sites for companies that hit all three of these walls simultaneously, usually around the 20-30 page mark with 3+ content types.
What makes migrating from KeystoneJS difficult?
KeystoneJS stores data through Prisma, so the database layer is well-structured and easy to export. The harder part is replacing everything Keystone doesn't give you. Most Keystone projects have custom-built preview systems, publishing workflows, and access control logic that are tightly coupled to the Node.js backend. Rebuilding those features in a new CMS takes planning. We typically budget 4 to 8 weeks for a Keystone migration depending on how much custom infrastructure the team has built around it.
Why do teams move away from KeystoneJS?
Deployment complexity is the number one reason. Teams love Keystone during local development, then hit a wall getting it reliably into production. The Docker images can balloon past a gigabyte, the docs don't cover production hosting well, and there's no managed hosting option. The small community compounds this problem. When you hit an edge case, there are fewer people who've solved it before. Content editors also struggle with the admin UI, which lacks visual editing, live preview, and built-in publishing workflows that competing platforms ship by default.
How do we extract our content from KeystoneJS?
Since Keystone uses Prisma ORM, your content lives in standard PostgreSQL, MySQL, or SQLite tables with clean schemas. You can export directly from the database using SQL dumps or Prisma's query API. The content model is defined in your TypeScript codebase, so mapping fields to a new CMS is straightforward. We write automated scripts that handle the data transformation, including resolving relationships between lists and migrating file references. For a project with 20 to 50 Keystone lists, extraction and transformation usually takes 1 to 2 weeks.
Get in touch
Fill out the form below and we'll get back to you
