Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
Want to build websites in no-time? Announcing the new Framer Beta.Learn more
Framer
  • Teams
  • Showcase
  • Developers
  • Resources
    • Tutorials
    • Examples
    • Components
    • Templates
    • Sessions
    • Support
    • Updates
  • Blog
  • Pricing
  • ···
    • Blog
    • Pricing

Design stunning interactive products
with your team.

Websites
Apps
Components
Open project in Framer
Monika
Callum
Poster
Poster

A powerful design tool

Create stunning interactive designs from start to finish all on the canvas. Design realistic websites and apps in minutes with pre-made interactive components, polished assets, layout tools, and more.

Real-time collaboration

Get great feedback early in your workflow when you collaborate with your whole team. Design, critique, and test projects together in real time. Manage team members and projects all from one dashboard.

Learn about Framer for teams

Packed with features.

Everything you need for interactive design.

Layout

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

Learn more

Insert Menu

Smart Components

Interactions

Preview

Make something real.
Validate ideas faster with interactive designs.

Avatar

MM

Dashboard by Monika Michalczyk

Go from 4 tools to 1.

Toss saves 15,800 hours per year using Framer.

Avatar

?

“According to our estimations, using Framer can save 15,800 hours yearly for our designers and engineers. That’s worth 263,200,000 won (220,000 USD) per year.”

Sue Young Kang

Platform Designer at Toss

Read the case study

These world-class design teams already use Framer

Get started. It’s easy.

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

Learn the basics

Follow along to build your first interactive design in Framer. Get familiar with how layout works and use our built-in tools to build an interactive photo app.

Start tutorial
A static representation of a toggle, showing an off and on state with an arrow connecting both states.

Start with components

Discover the power of components in Framer. They are interactive and allow you to quickly build up a design system for your team.

Start tutorial

Learn from other designers.

Level-up by joining our online communities.

Join the community

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

Join Discord
Community

Watch and learn

Check out our YouTube channel for tutorials, livestreams, and feature demos.

Subscribe on YouTube

Start designing interactively today.

No credit card required.

A framer app window, showcasing its canvas and various tools. On the canvas is a mock of a website for a mobile app.

Framer

  • Teams
  • Pricing
  • Showcasenew
  • Blog
  • Developers
  • Updates

Platforms

  • Web
  • macOS
  • Windows
  • iOS
  • Android

Learn

  • Tutorials
  • Examples
  • Templates
  • Sessions

Resources

  • Components
  • Input Kit
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2022 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement