Sourceferry
Framer to HTML, CSS and Next.js
Sourceferry exports your Framer pages as a static HTML and CSS site or a Next.js project, straight from the canvas: breakpoints, color and text styles, images, links between pages and CMS content. It runs inside the plugin, so nothing is published or uploaded along the way, and the code has class names from your layers.
Email us to get SourceferryBuy: $799 once
Pages the way you designed them
- Every page, the ones you pick, or one selected layer as a snippet
- Desktop, Tablet and Phone merged into one page with media queries
- Stacks and grids as flexbox and CSS grid, with fill, fit and fixed sizes, pins and grid spans
- Links between pages point at the export's own pages
Your design system comes along
- Color styles as CSS variables, with dark values under the visitor's dark mode
- Text styles as classes with their sizes per breakpoint and their heading tags
- Design components reused across pages; Google Fonts and Fontshare fonts linked
Files you can ship
- Static site: a folder per page with index.html and relative paths, for any static host
- Next.js: App Router pages in TypeScript, components, images in public/, a route per CMS detail page
- Images and SVGs in the ZIP with their alt text; CMS collections as JSON
- A report of every layer that didn't carry over, and why
Pricing
Free trial: 5 exports of up to 3 pages over 7 days. Scanning your pages and the preview are always free. Then $799 once, $499 a year or $59 a month per seat, for every project and page. Yearly · Monthly · Manage billing