Design and publish websites using Framer. This tool combines designing and building in one platform. It offers templates and plugins to enhance your website creation process.
Features
Collaborative Design and Development
Enables designers and developers to work together seamlessly in real-time on the same platform, reducing handoffs and collaboration friction.
Interactive Component Creation
Allows users to create fully interactive components directly within the design without needing code, enhancing prototyping and user testing.
Direct Publishing
Empowers users to design and directly publish their websites from the platform, streamlining the deployment process and eliminating the need for separate hosting services.
Responsive Design Tools
Offers tools to ensure designs are responsive and adaptable to different screen sizes, making it easier to create mobile-friendly websites.
Template and Plugin Marketplace
Provides a variety of templates and plugins to kickstart projects and enhance functionality, allowing for faster development with pre-built solutions.
Page and CMS Limits
Different plans offer varying numbers of pages and CMS collections. For instance, Startup includes 10,000 pages and 20 CMS collections, whereas Scaleup offers 50,000 pages and 50 CMS collections.
Bandwidth Allotment
Each plan provides different bandwidth allocations. The Startup plan includes 25GB, Scaleup includes 50GB, and Enterprise has custom bandwidth options.
Editors per Site
The plans offer different numbers of editors per site, with Startup allowing up to 3 editors, Scaleup up to 6 editors, and Enterprise supporting custom editor allocation.
Hosting and CDN
All plans come with hosting and a global CDN, ensuring fast and reliable access. The Enterprise plan offers advanced hosting features like a premium CDN.
Localization
Localization services are available, with the ability to add more languages for a fee under Startup and Scaleup plans. Enterprise offers custom options.
Support Levels
Support varies, with Startup offering common support, Scaleup providing premium support, and Enterprise giving priority support with dedicated options.
Design Components
Create and customize reusable design components to streamline your design workflow and improve consistency.
Live Preview
Instantly view and test your designs on multiple devices and screens to ensure compatibility and responsiveness.
Code Integration
Seamlessly integrate code components within your design, allowing for dynamic and interactive elements.
Collaboration Tools
Collaborate with team members in real-time, providing feedback and making changes instantly for efficient teamwork.
Responsive Layouts
Design with responsive layouts that adapt to different screen sizes, ensuring your designs look great on any device.
Publishing Capabilities
Easily publish your design projects online with built-in hosting features provided by Framer.
Full SEO Control
Optimize for search with schema markup, sitemaps, redirects, powerful image optimization, and more—all automated for better reach and clearer paths.
CMS Designed for Any Website
Easily link content to any element on your site with a CMS that feels built into your canvas.
Global Reach
Translate content, swap images, and design for non-western languages with Framer's built-in tools.
Unlimited Bandwidth
Protect your site and its content from every angle with secure and affordable hosting.
Wide-Ranging E-commerce Integrations
Seamlessly incorporate e-commerce functionality with ease.
Native Forms
Create customizable forms directly in your design, improving user experience.
Instant Publishing
Easily publish your design as a live site in seconds with global hosting. Updates are instantly reflected.
Staging Domain Testing
Test your site on a staging domain before going live, allowing easy rollback to previous versions with one click.
Advanced Analytics
Built-in, private analytics to understand visitor behavior without complex dashboards, cookie banners, and is GDPR compliant.
Layout Templates
A new way to design reusable navigations and page layouts for sites at scale. These templates can be used for navigations, footers, banners, and overlays and applied to all pages without editing each page individually. They offer consistent navigations, padding, gaps, and site-wide styles like cursors, all with a single click. They also support new navigation patterns including shared layout animations and continuous animations.
Logos
Provides different variations of the Framer logo for branding purposes.
Colors
Specifies the color palette used for the Framer brand, which includes hex codes like FFF, 09F, 05F, and 000.
Icon
Displays the official Framer icon, representing the brand visually.
Images
Offers high-quality images to support the visual representation of the Framer brand.
Typeface
Indicates the typeface used by the Framer brand, specifically GT Walsheim.