Create your ultimate website design with powerful, intuitive tools. Import designs from Figma, add flexible Grids & Stacks, use absolute positioning, and easily adapt your design for any screen size.
Create your ultimate website design with powerful, intuitive tools. Import designs from Figma, add flexible Grids & Stacks, use absolute positioning, and easily adapt your design for any screen size.
Layout features

Use fixed grids, fluid stacks, or freestyle options to organize and style elements.

3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
3D abstract render
Styling features

Choose from a range of familiar style options to customize your design.

Text properties in Framer
Fill properties in Framer
Shadow properties in Framer
Figma import

Copy and paste your web designs from Figma to Framer and hit publish.

Figma UI
Framer UI
AI rewrite

Let AI improve your website content with just one click.

Forms

Capture all the information you need from your website visitors, all without writing a single line of code.

Sign up

Input settings UI in Framer
Built-in fonts

Find your favorite fonts from Google Fonts and Fontshare.

Fonts UI in Framer
Fonts
Fonts
Collaboration

Invite your team and work together in real-time. When you’re ready to launch, publishing takes seconds.

Style everything using familiar, easy-to-use property controls.

Desktop

·

1200

Breakpoint

Rekorder website
Rekorder website

Hannah

Carla

Floris

Alex

Layout features

The freeform canvas lets you design without limits—no pre-set layouts, no box models, just pure creative freedom. It works like the web design tools you already know, like Adobe XD, Sketch, and Figma, giving you the flexibility to create unique designs tailored to your vision.

Layout UI in Framer
Layout UI in Framer

Styling features

With Framer, you take full control of your design and styles. Easily apply custom styling to every layer using simple property controls like fills, borders, filters, and lifelike shadows. Keep your project consistent with Text Styles and shared colors throughout.

Styling UI in Framer
Styling UI in Framer

Figma import

Framer lets you move from Figma to a live website effortlessly, without any coding. Import your Figma designs with all layers and groups preserved, so you can continue exactly where you left off. You can continue editing your website and make it more engaging, or you can simply hit the publish button and take your website live.

Figma import to Framer
Figma import to Framer

AI rewrite

Elevate your website content with the power of AI in just one click. Instantly enhance your copy, refine your messaging, and ensure your text resonates with your audience. With Framer’s AI rewrite, your content becomes more engaging, polished, and impactful—giving you more time to focus on other aspects of your website design.

AI rewrite in Framer
AI rewrite in Framer

Built-in fonts

Choose from a wide range of built-in web fonts, or explore options from Google and Fontshare directly within the picker. If you can’t find the typeface you’re looking for, you can easily upload your own custom fonts.

Fonts UI in Framer
Fonts UI in Framer

Collaboration

Collaborate and design together in real-time on the canvas with your entire team. Invite other people to join your project and set specific viewing and editing rights. Within the canvas, you can actively see who’s working on your project at the top-right corner of the app. Use Cursor Chat to communicate directly with them or hover over their profile and click on the eye icon to follow along your teammate’s activity.

Multiplayer in Framer
Multiplayer in Framer