Framer
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Speedruns
    • Starter Kit
    • Sessions
  • Pricing
  • Blog
  • Updates
  • Support
Gradient

The free prototyping tool for teams

Framer is a free prototyping tool for building stunning, interactive prototypes. Quickly create realistic designs, share them with a simple link, and handoff to your developers easily. It’s prototyping made simple.

Desktop screen showing prototyping tool

Trusted by some of the best in the business

A prototyping tool like no other

A prototyping tool like no other

Framer is not your average prototyping tool. As the only prototyping software built on web technologies, prototypes in Framer are the real deal—not just pretty pictures or a glorified slideshow. It’s approachable, easy-to-use prototyping software. You can create impressive interactive website or app prototypes—or any other digital experience you can imagine—directly on the canvas, without writing a single line of code.

Loop in fellow designers and collaboratively prototype UI and user flows. When it comes time to share your work, that’s easy too. Just send a link, then sit back and watch people explore your interactive prototype. Your designs come complete with corresponding CSS and JSX code as well as production-ready animation values. This means that transitioning from design to development is silky-smooth. Your developers will love it just as much as you do.

Get started for free

Immersive prototyping with a bit of magic

Creating beautiful, delightful animations in Framer is unbelievably easy. With Magic Motion, your prototypes transition smoothly from one screen to another and become fully interactive in seconds.

All you have to do is simply use the connector to link up the elements you want to transition between, adjust size or position if necessary, and Framer figures out the rest. Before you know it you got yourself an interactive prototype that you created 100% visually. UX prototyping has never been so effortless.

Learn more about Magic Motion
Avatar
Logo

Alex Steven

Senior Product Designer

Framer is the most comprehensive web-based design tool out there today. You get all levels of prototyping, from quick and easy to full-fledged prototypes. This tool truly narrows the gap between design and development.

Beautiful prototypes, no coding required

Spend your time prototyping. Forget about creating every design element from scratch. Using the Insert menu, you can access thousands of components that’ll help you put together a stunning prototype in no time.

Just hit “I” when you’re in the prototyping tool and start adding interactive buttons, toggles, video players, and more, to your project. Whether you’re looking to prototype software, websites, dashboards, or something else entirely, you’ll be able to do it in Framer without writing a single line of code. Drag and drop and watch your ideas come to life.

Get started for free

Better products start with collaborative prototyping

Framer is an online prototyping tool, which makes collaboration a breeze. Pull in a designer for feedback on your app prototype, invite a writer to add in copy, or ask your developer to take a look at the handoff code.

No matter who you invite, it’s effortless to work together and collaborate in real-time. Got an idea for the next iteration? Pin a comment and let your thoughts be heard. Fast and easy collaboration creates shorter feedback loops, meaning better products get shipped faster.

Start prototyping for free

A prototyping tool with seamless user testing integrations

Whatever interactive prototypes you create need to be validated. The best way to do this at scale is with a leading user testing tool. Our prototyping software integrates effortlessly with some of the biggest names in the industry.

Get Framer for free

Prototyping with Smart Components

No code prototyping just got a whole lot more realistic. Whether you’re prototyping a website, app, or UX, interactivity plays an important role. Smart Components allow you to set up multiple states which will alternate based on a user’s behavior.

Suddenly, your mobile app mockup, website idea, or latest personal project has gone from rough idea to fleshed-out concept. All of this from a free-to-use online prototyping tool.

Start prototyping for free

Bring your ideas to life with Framer’s prototyping tool

Framer

  • Why Framernew
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Speedruns
  • Starter Kit
  • Sessions

Resources

  • Packages
  • API
  • 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
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement