Framer
  • Support
  • Using Framer
Framer
  • Learn
    • Speedruns
    • Starter Kit
    • Examples
    • Tutorials
    • Sessions
  • Teams
    • Teams
    • Enterprise
  • Pricing
  • Blog
  • Updates
  • Support
  • Support
  • Using Framer

Related Articles

  • Can I put my components on Storybook?
  • Why can’t I open old Framer X projects?
  • Activating your account
  • Automated publishing
  • Using an external code editor with the desktop app

Can I embed my prototypes elsewhere?

Note: This article refers to the Framer desktop app. Learn more about the differences between the Framer web and desktop app here.

Because Framer is web-based, you can embed your prototypes anywhere online. You'll first need to:

  1. Open your project in Framer’s desktop app
  2. Export a html prototype
  3. Upload the exported folder to your own server or a service like Netlify Drop
Upload the exported folder to a service like Netlify Drop

You should now have a URL where your project is hosted. You can copy and paste the URL of your project into the src attribute:

<iframe src="[your-project-url]" width="500" height="950" frameborder="0" />

Don't forget to adjust the width and height to the size of your device Frame.

Helpful?Was this article helpful?

0

0

Framer

  • Updates
  • Pricing
  • Tutorials
  • Teams
  • Enterprise
  • Blog
  • Motion

Platforms

  • Web
  • macOS
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing
  • User Testing
  • Desktop PrototypingNew

Resources

  • Examples
  • Sessions
  • SpeedrunsNew
  • Packages
  • Volt
  • API
  • State of Prototyping
  • Wireframing Tool
  • Mockup Tool
  • Dictionary

About

  • Loupe
  • Community
  • Company
  • Careers
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement