Framer is for Mac only. Get notified when we launch a Windows version.
Thanks for subscribing. We’ll keep you posted!
Upload, share, and get feedback on your designs with Framer Cloud. This guide will teach you about project sharing, security controls, previewing on iOS and Android, and mirroring.
To upload a new project to Cloud, open your project in Framer for Mac and click the Cloud button at the top right of Framer for Mac.
Clicking Upload triggers a workflow that includes saving your file (if you haven’t already) and uploading your project to Cloud. You’ll receive an in-app notification once it is uploaded, along with a link that opens your project in a browser. A shareable link is also automatically copied to clipboard, making it easy to distribute your links. From this same popover, you’ll be able to navigate to Cloud by clicking Dashboard.
Once your project has been uploaded, you’ll be able to continually sync Cloud to the latest version by clicking Update in the Cloud icon on Framer for Mac. Pro-tip: you can directly save to Cloud by using
⌃ ⌘ S.
Your Cloud dashboard is a great way to organize, keep track and delete your uploaded prototypes.
You can access it by clicking Dashboard in the Cloud dropdown menu of your Framer for Mac app. You can also open Cloud at any time through https://dashboard.framer.cloud.
Once logged in, you’ll notice all your projects laid out in a beautiful grid view. This is your personal Cloud dashboard, which is not available for public viewing. You can filter projects by name for quick access.
We’ve also added Version history to Cloud, so you can access, delete, share and download each uploaded version of your project. To access, click on Versions under each project tile to see a list view with date and time of upload. From here you’ll be able to generate a shareable link for a particular version or open it in Framer for Mac. This feature works much like History in Github, giving you a quick way to skim through iterations of your work.
Add context to your shared projects with titles, descriptions and social links.
Hover over each individual project tile to see options for adding info. Click on Edit to add a project title and description to your project. If you no longer want your project to be shared publicly, hit the Delete button to remove it from Cloud. You can also delete old versions of your project to keep your work history nice and tidy. The latest version of the project will still be available on Framer for Mac.
In the top right corner of the dashboard you’ll be able to access Settings, where you can edit your personal info and add your Twitter profile. This information will be included with every prototype you share publicly.
Control who gets to access your prototypes with Cloud Access. One click to share with all, or notify only specific people when updates are made.
By default, any projects uploaded to Cloud are public, accessible for viewing and download by anyone who has the link. To change this, click the Share button under a project in the dashboard to open a settings modal.
Here you have the option to toggle between public access ("anyone with the link") and private access ("only invited people"). Going private protects the security of top-secret prototypes, while allowing you to invite specific people to the project.
Invitations to join a project are sent via email. Once invited, invitees have 7 days to accept before their access expires. You can keep track of sent invitations via the setting modal. Access can be revoked at any time, simply by clicking the Remove button next to a project member’s name.
Invited people do not need a Framer license to view a prototype. They will receive an email prompt to log in to Framer Cloud dashboard. The project will appear under the "Shared with me" tab.
If you have a Framer Enterprise license, you will see an added layer of protection in your settings modal, allowing you to grant access at a company-wide level. By toggling to this option, you are granting permission for anyone with the link within your organization to view your prototype. However, you may still set it to 'Only invited people' to restrict this access further to specific people within your organization.
Additionally, company admin can configure this panel to restrict public access. This will completely disable the 'Anyone with a link' option and allow only internal employees and specific team members to view your project. Contact us to find out more about this advanced Cloud security option.
Mobile Preview Apps
View and interact with your native projects in context with our preview apps for iOS and Android.
To start, simply connect your device to your desktop via USB or Wi-Fi. Open a project on Framer for Mac to view it in the app. All your other active projects will be accessible as well. Save projects locally, enjoy full gesture control and built-in sensor support, and more.
Connect via USB
The easiest and fastest way to preview your projects on your device is through a USB connection. Simply connect your iOS or Android device to your Mac. Be sure to open Framer and the project you’d like to preview on your mobile device.
Android user? You must enable developer mode and USB debugging on your device before you can preview via USB.
Connect via Wi-Fi
To preview your project on your device via Wi-Fi, simply connect to the same network as your Mac. All projects that are open on your network will show up in the Preview app on your mobile device. To start previewing a project, click the preview icon at the top right corner of Framer for Mac, then enter the Access Code on your mobile device.
Preview in Browser
View your projects directly in the browser and share locally with people on your network.
To preview your projects in a browser, click the preview icon at the top right corner of Framer for Mac, then click open in browser. You’ll then be able to preview your project on your local network, and any time you save your project, all changes will be reflected in the browser.
We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.