Case Study
View Case StudyTray.ai
Migrating hundreds of thousands of pages, re-platforming and extending for the leading composable AI integration platform
From Directus to Framer
We are the Directus to Framer migration experts
Last verified:
Challenges with Directus
Key pain points
Directus looks fantastic in demos, but things get rocky once you actually try to use it at scale. The Professional cloud plan is $99/month and caps you at 5 users, 75,000 database entries, and 250,000 API requests — grow past any of those limits and you're straight into custom Enterprise territory. The v12 move to the Monospace Sustainable Core License (MSCL) has also rattled the community; smaller orgs get a free Innovation Grant, but larger teams are navigating a licensing landscape that changed significantly from what they signed up for.
On the dev side, updates can introduce breaking changes, the documentation doesn't always keep pace, and the extension ecosystem is pretty thin. Localization is technically supported but fiddly and easy to misconfigure, and large datasets make the UI noticeably sluggish. And if you want anything deeply custom, you're suddenly living in Vue.js land, which is not where most teams want to spend their weekends.
Breaking update changes
Directus explicitly does not follow semver — any release may include breaking changes. The v10 to v11 upgrade hit schema changes and dropped fields, and the v11 UI scale change (px to rem) broke extensions hardcoding pixel values. Plan your upgrade windows carefully.
Limited extension ecosystem
The plugin ecosystem is still pretty bare. Anything even mildly niche ends up becoming a "let's just custom build it" moment, which defeats the purpose of picking a CMS with extensions. The marketplace launched in beta in early 2024 and is still maturing.
Complex localization setup
Yes, it supports multilingual content, but setting it up feels like assembling IKEA furniture blindfolded. It works, but expect extra config, extra steps, and extra patience.
Version history still tier-gated
Global draft versions now ship automatically with every versioned item — no manual setup required as of March 2026 — which is a genuine improvement. Full version history, rollbacks, and controlled releases are still locked behind higher-tier plans, though, so if predictable publishing workflows are a must, check your tier carefully before committing.
Vue.js knowledge requirement
Custom interfaces and deeper tweaks need Vue.js, so if your team only speaks React, prepare for a small identity crisis (or a hiring plan).
Large dataset performance issues
Heavy tables and deeply relational data can slow down queries and the UI — community reports show 25K-row datasets where raw SQL runs in milliseconds but the Directus API takes 20+ seconds, largely due to internal query overhead and no auto-indexes on foreign keys.
Benefits of Framer
Key advantages
If you live in Figma all day, Framer is the right choice for you. You can import your layouts, tweak a few interactions, hit publish, and suddenly you’ve “built a website” without ever opening VS Code. The no-code editor is fast, the animations look like you actually care about UI, and the built-in hosting + global CDN means you never have to touch a server or pretend you know what an SSL certificate is.
Multiple people can jump in, rewrite copy, adjust layouts, and preview the site instantly in real time with zero handoff pain, and “can you push this to staging?” nonsense. The SEO defaults are strong, images automatically behave, and performance is fast without you having to obsess over Lighthouse scores.
Can't knock the service, but we're here when you're looking to build something more scalable.
Ability to control layout with drag and drop
You can drag, drop, and publish without the need for any developer or having experience in website development. With Framer, you can easily turn your mockup into a working page.
Quick and cheap to build something
If you need a site yesterday (and on a budget), go ahead with Framer. You can go from a Figma-level idea to a live marketing page in a few hours without writing any code or having developers wait on stand-ups.
Some optimization comes by default
Framer quietly handles things like image compression, semantic markup, and basic SEO hygiene. You ship quickly, and the site doesn't fall apart in Lighthouse analyses.
Huge library of themes
You can pick a template, tweak a few components, and you’re basically done. Its theme library is stacked, and most of it looks “portfolio ready” right out of the box.
Real-time team collaboration
Multiple people can jump in, edit, comment, and tweak designs live like Figma. It speeds up feedback loops and kills the endless back-and-forth.
Intuitive, designer-friendly UI
If you know your way around Figma, you’ll be able to use Framer without any difficulty. Framer’s interface is simple, and keeps designers moving without begging a developer for help.
Common questions
Directus to Framer migration FAQs
Answers to the most common questions about Directus to Framer migration
How do we migrate content out of Directus?
Directus sits directly on your SQL database, which is both a blessing and a curse during migration. The blessing is that your content is in standard PostgreSQL, MySQL, or SQLite tables, so extraction is as simple as SQL queries. The curse is that Directus stores relational data and file references in its own conventions, so you need to untangle junction tables and re-map asset URLs. We write custom migration scripts for each project. A typical Directus migration with 50 to 100 content types takes 3 to 5 weeks.
Why do teams move away from Directus?
The two biggest triggers we see right now are licensing uncertainty and pricing sticker shock. Directus moved to the Monospace Sustainable Core License (MSCL) with v12 in May 2026, replacing the old BSL. Organisations under $5M revenue and 50 employees get a free Innovation Grant, but even above those thresholds the MSCL still permits free use of the Core tier — so larger orgs aren't categorically forced onto paid plans, though many opt into the cloud or a commercial self-hosted license for the production features sitting outside Core, and the community is noticeably split, with some teams forking old versions or migrating off entirely. On the cloud side, the old unlimited tier is gone; the Professional plan is $99/month and caps you at 5 users, 75K database entries, and 250K API requests. Growth past those limits means a jump straight to custom Enterprise pricing. On the development side, any custom interface work still requires Vue.js, which creates friction for React-focused teams. Breaking changes between updates also erode trust over time. Teams that started with Directus for its open-source appeal often outgrow it when they need predictable pricing and cleaner editorial workflows.
Can we keep our existing database when migrating from Directus?
You can keep your database infrastructure, but you'll likely restructure the schema. Directus creates its own system tables (directus_users, directus_permissions, directus_files, etc.) alongside your content tables. During migration, we extract the content tables, transform the data to fit your new CMS's content model, and leave the Directus system tables behind. If you're moving to a headless CMS like Sanity, the data moves from SQL rows to structured JSON documents, which typically results in a cleaner content model.
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.
Get in touch
Fill out the form below and we'll get back to you
