Design and publish stunning prototypes with your team.

Design and publish stunning prototypes with your team.

These world-class design teams prototype in Framer.

Packed with features.

Packed with features.

Everything you need to start prototyping.

Everything you need to start prototyping.

Layout

Adaptive layout features help you start with a strong foundation and iterate on ideas quickly.

Smart Components

Create truly interactive, fully customizable components. Start small, then combine them into something powerful.

Insert Menu

Quickly add rich media, interactive components, and beautiful assets to kickstart your project. All just a click away.

Interactions

Make every transition a joy with the built-in tools for paging, scrolling, and navigation. Handling user input will be a breeze.

Make every transition a joy with the built-in interactive tools.

Preview

Framer has every presentation setting you need to ensure your work is always ready for display.

Collaboration

Work with another designer, pull in a developer, or quickly give someone an overview of your design. Reap the rewards of fast feedback loops.

Handoff

Framer is also the only prototyping tool that generates animation code which can be used 1:1 in production.

Layout

Adaptive layout features help you start with a strong foundation.

Smart Components

Create truly interactive, fully customizable components.

Insert Menu

Quickly add interactive elements to kickstart your project.

Interactions

Make every transition a joy with the built-in tools for paging, scrolling, and navigation.

Preview

Ensure your work is always ready for display.

Publish to the web.

Publish to the web.

Put your prototype on a website, add some context, then get feedback.

Put your prototype on a website, add some context, then get feedback.

1

Design a prototype

2

Create a webpage

3

Publish and share

1

Design a prototype

2

Create a webpage

3

Publish and share

https://proto.framer.website/

Get started. It’s easy.

Get started. It’s easy.

Our hands-on tutorials will get you up to speed.

Our hands-on tutorials will get you up to speed.

Share your prototypes

Design, animate and publish your interactive prototype in Framer.

Read guide

Learn the basics

Follow along to build your first interactive design in Framer.

Start tutorial

Watch and learn

Check out our YouTube channel for tutorials and feature demos.

Subscribe on YouTube

Start with components

Discover the power of components in Framer.

Start tutorial

Learn from other designers.

Learn from other designers.

Level-up by joining our online communities.

Level-up by joining our online communities.

Join the community

Chat with 15000+ members and get help with your projects on Discord.

Join Discord

Design and publish a site today.

Design and publish a site today.

Design and publish a site today.