How to Export a Framer Site: HTML, Design, and CMS Options
How to get your Framer project out of Framer as static HTML, published pages, or CMS data. Every export option explained.
By AI to Wordpress Engineering Team·July 28, 2026·1,700 words
Expert-WrittenRegularly UpdatedSecurity Verified
How AI to Wordpress Converts Your Website
1Framer's Export Model Explained
Visual Guide: Framer's Export Model Explained
This section includes step-by-step visual guidance for optimal results.
Framer took a different approach to export than Webflow. Rather than shipping a big ZIP of static files, Framer expects you to publish your site to a real URL and treats that URL as the canonical output. This is fine for most workflows because the published site is fully static HTML at the edge — but it means the path to a self-hosted or WordPress version runs through the published URL rather than a code download.
2Preparing the Site for a Clean Crawl
Before crawling for migration, do three things in Framer. First, publish every page you want migrated — unpublished pages aren't reachable. Second, check that every internal link resolves to a live URL inside the published site (broken internal links become dead ends after migration). Third, temporarily disable password protection so the crawler can reach every route.
Pro Tip
Use your platform’s official export or download option and upload that ZIP directly. Keep all files together in one complete archive.
3Publishing the Site
Click Publish in Framer. Choose either the free `framer.website` subdomain or (on a paid plan) your custom domain. Publishing takes a minute or two and produces a live URL. This is your export target.
Technical Architecture
4Feeding the Published URL Into the Converter
Paste the Framer URL into the AI to Wordpress live-site converter. The pipeline boots headless Chromium against the URL, walks every route in the site's sitemap (or discovers routes from internal links if no sitemap exists), captures rendered HTML per route, downloads referenced assets, and packages everything as a WordPress theme. Total time: two to five minutes depending on site size.
5What Actually Gets Captured
Every rendered HTML page, every image and font referenced from it, every CSS and JS asset served alongside it. Smart components render as real DOM, animations as inline styles or a small motion runtime, form fields as regular `<input>` elements. Fonts hosted on Framer's CDN are downloaded and re-hosted from the WordPress theme. Nothing that renders in a browser is lost.
Security Note
Every file you upload is automatically scanned for malware before processing. Unsafe files are rejected immediately to protect your WordPress installation.
6Building the WordPress Theme From the Capture
The converter extracts the shared header and footer from repeated markup patterns and emits `header.php` and `footer.php`. Each unique page shape becomes a `page.php` or `single-<cpt>.php` template. Assets are mirrored into `wp-content/themes/<name>/assets/` and rewritten in the generated PHP to point at the theme URI. A `functions.php` registers menus, sidebars, and image sizes so wp-admin has sensible defaults.
7The Playground Preview and Pay Gate
Before you pay, the generated theme boots inside a WordPress Playground iframe. Click through every page, exercise every animation, submit every form. €17 is charged only after you approve the preview. This is your safety net — no one should ever pay for a theme they haven't tested first.
8Installing and Wiring the Theme
Upload via Appearance → Themes → Add New → Upload, activate, and configure the home page under Settings → Reading. Recreate menus in Appearance → Menus using the labels from your Framer design. Install a caching plugin (WP Rocket or LiteSpeed) and re-wire forms with a form plugin. Total setup time on a fresh WordPress install: under an hour.
Performance Tip
Minified CSS and JavaScript files convert more efficiently and produce cleaner WordPress themes. Use your builder's production export option.
9Iterating After the Migration
Keep iterating in Framer if that's your design environment. Whenever the design changes meaningfully, republish and re-run the AI to Wordpress conversion. WordPress content stored in the database (blog posts, custom fields) survives theme regenerations because themes are presentation, not data. This gives you the best of both worlds: Framer's design ergonomics on the input side, WordPress's operational depth on the delivery side.
Your Files Are Always Secure
Malware scanned before processing
Sandboxed conversion environment
Per-user data isolation
Auto-deleted after 72 hours
Frequently Asked Questions
Does Framer allow a full code export like Webflow?
Not in the same way. Framer's official export is limited compared to Webflow's static ZIP. The most reliable path for migration is to publish the site and then let the AI to Wordpress converter crawl the published URL, capturing rendered HTML for every route. This yields a complete static snapshot that can be re-packaged as a WordPress theme.
Can I export a Framer site as static HTML?
Not directly through Framer's UI in most cases. The workaround is to publish the site (Framer's Publish button ships to `framer.website` or your custom domain) and crawl the published URL with a headless browser. Every route renders to real HTML that can be captured and converted.
Do I need a paid Framer plan to publish?
You need at least a paid Site plan to publish to a custom domain. Publishing to a `framer.website` subdomain works on lower tiers. Check Framer's current pricing; the ability to publish is the prerequisite for most export workflows.
Are Framer's smart components and animations preserved in the crawl?
Yes, because the crawler captures the fully-rendered DOM after all JavaScript has run. Smart components produce real HTML elements, animations declare their motion via CSS variables that the crawler serialises alongside the markup, and scroll effects come through as inline styles. Everything that runs in the browser survives the capture.
What about Framer CMS content?
Framer CMS collections are rendered into the published pages, so every collection item appears at its own URL and is captured during the crawl. Content is preserved page-by-page rather than as a structured CSV. For WordPress migrations, this means each Framer CMS entry becomes a WordPress post or custom post type entry populated from the captured page.
Can I edit exported Framer HTML by hand?
You can, but Framer's output is heavily framework-driven and not designed for hand-editing. Small tweaks are fine; structural changes should happen in Framer, followed by a re-publish and re-crawl. This is the same iteration model as Webflow.
Does exporting cost extra?
The AI to Wordpress conversion (which does the crawl-and-package work) is a flat €17 per site. Framer's own subscription is separate. There's no additional Framer-side charge for allowing a crawl of your published pages.
Will forms still work after export?
No — Framer's form handler lives on Framer's servers and doesn't survive migration. In WordPress, install a form plugin (Contact Form 7, WPForms, Gravity Forms) and either replace exported form markup with a shortcode or point the exported form's action attribute at a WordPress endpoint. Ten to twenty minutes per form.
Ready to Convert Your Website?
Secure upload with malware scanning. Free preview before purchase. WordPress theme in minutes.
Conversion Guides by Builder
Lovable
→ WordPress Guide
Webflow
→ WordPress Guide
Framer
→ WordPress Guide
Replit
→ WordPress Guide
Cursor AI
→ WordPress Guide
V0.dev
→ WordPress Guide
Base44
→ WordPress Guide
Bolt.new
→ WordPress Guide
Google AI Studio
→ WordPress Guide
Static HTML
→ WordPress Guide
Claude
→ WordPress Guide
React
→ WordPress Guide
Next.js
→ WordPress Guide
Related Articles
Migrate Framer to WordPress: Preserve Design, Animations and SEO
Move a Framer site to WordPress with animations, CMS collections, typography and structured data intact. Practical walkthrough by senior engineers.
Read the full guideFramer: Design Platform Review & WordPress Migration Strategy
Expert Framer review covering animations, interactions, CMS, pricing, and the complete strategy for migrating Framer sites to WordPress while preserving design quality.
Read the full guideHow to Convert Any Website to WordPress — Complete Guide
The definitive guide to converting websites from any builder to WordPress. Compare methods, learn the process, and get your WordPress theme in minutes.
Read the full guideManual vs AI Website Conversion: Complete Comparison
Compare hiring a developer versus using AI tools like AI to Wordpress. See costs, timelines, quality differences, and when to choose each approach.
Read the full guide