Related Videos

• Manage Color Space in the Desktop App

  Before you Start

  Who can use this feature

  Users on Any Plan

  macOS: You must be running 10.11 (OS X El Capitan), or later.

  Windows: You must be running Windows 8 or later in a 64-bit environment.

  Learn more about supported platforms in our Supported Platforms and Browsers article. To find out which version of operating system you're using:

  If you are using Figma in the browser, your color space is set to managed sRGB. Any assets you export from the Figma browser app will also use the sRGB color space. You can't change the color space used on the browser.

  On the Desktop app, the color space will be set to Unmanaged by default. This allows you to use the color space designated by your system's display settings.

  You also have the option to switch to an  sRGB color space. This allows you to use a consistent color space between the browser and desktop apps.

  Note: When set to Unmanaged, colors may appear differently between Team members and/or displays.

  Regardless of your color space preferences, all assets will be exported from Figma in the sRGB color space.

  Update Color Preferences

  On the Desktop app, you can switch between using an sRBG or Unmanaged color space.

  1. Open the Figma app.
  2. Head to the Figma menu
  3. Select Color Space from the options.
  4. Choose between sRGB or Unmanaged: 
  5. Restart the Figma application to apply your changes:
• Open Figma links in the Desktop App

  Before you Start

  Who can use this feature

  Users on Any Figma plan can use the Desktop app

  macOS: To use the Desktop app, you must be running 10.11 (OS X El Capitan) or later.

  Windows: To use the Desktop app, you must be running Windows 8 or later in a 64-bit environment.

  Learn more about supported platforms in our Supported Platforms and Browsers article. 

  You can access your Figma Files via their unique URL. These can be used to open the File in the browser, or in the Figma Desktop app.

  There are a few different methods for opening Figma URLs in the Desktop app.

  Note: Prototyping links can currently only be opened in the browser.

  When you open a File link

  When you click on a Figma link, Figma will open the link in the browser by default.

  If you have the Desktop app installed, you'll see an alert when the File opens. Figma will ask you: Do you want to open this file in the Figma app?

  

  There are a few options available:

  • To continue to view the File in the browser, click Dismiss.
  • To only open the app now, uncheck the box next to Always open in the app and click the Open in app button.
  • If you'd like to open all Figma File links in the Desktop app, click Open in app:

  Figma will open the Desktop app and load the File. You will still be able to view the File in the browser, click the Open here instead link in the browser window:

  Tip! If you chose Always open in app, Figma will remember your decision. The next time you open a Figma URL you will be shown a loading screen in the browser.

  Open the current File in the Desktop app

  If you want to view your current File in the Desktop app, we have a Open in Desktop app setting. When you select this, Figma will open your current file in the Desktop app.

  1. Go to the menu in the top-left corner.
  2. Select Open in Desktop app from the options: 
  3. The File will be loaded in the Figma Desktop app. 

  Note: You will need to log in to the same account on the Browser and Desktop app for this link to work.
  
  If you are logged into an account that doesn't have access to a File - or you're logged into different accounts - you will not be able to open or access the File.

  Update your link preferences

  If you want to open all Figma URLs in the Desktop app, you can enable the Open links in Desktop app setting. You can find this in your Preferences. 

  You can only access this setting if:

  • You have the Desktop app installed
  • You are using the browser version of Figma. This setting isn't available in the Desktop app.

  1. Open the menu and hover over the Preferences option.
  2. Select the Open links in Figma app setting.
  3. A checkmark will be displayed next to the setting to show it is enabled. If there is a check next to the the setting already, you can select the setting again to disable it.
• Download the Figma Mirror App

  Before you Start

  Who can use this feature

  Users on Any Plan

  You will need to have a Figma account to be able to use the Figma Mirror app

  iOS: You must be running 10, 11, 12 or later

  Android: You must be running Android 7.0 - 9.0 or later

  Learn more about supported platforms in our Supported Platforms and Browsers article. To find out which version of operating system you're using:

  You can preview your designs on a mobile device to see how they look and feel on an actual device.

  To better replicate an immersive app environment, you can use the Figma Mirror app, which allows you to preview a scaled version of your design.

  

  You can download the Figma Mirror app for Android and iOS from the Figma Download's page. Or from the App Store or Google Play Store. 

  Note: To use the Figma Mirror app, you will need to use a device that meets our system requirements. Learn more about what browser and systems we support: Supported Platforms and Browsers.

• Preview designs and prototypes with Figma Mirror app

  Before you Start

  Who can use this feature

  Users on Any Plan

  You will need to have a Figma account to be able to use the Figma Mirror app

  iOS: You must be running 10, 11, 12 or later

  Android: You must be running Android 7.0 - 9.0 or later

  Learn more about supported platforms in our Supported Platforms and Browsers article. To find out which version of operating system you're using:

  You can preview your designs on a mobile device to see how they look and feel on an actual device.  You can use the Figma Mirror app to preview both static designs and Prototyping interactions.

  This allows you to simulate a more realistic and immersive environment, without the browser header and footer.

  There are a few approaches available when it comes to previewing your designs:

  Browser preview

  You can preview any design on your mobile by opening a Prototyping link in your mobile browser. This will allow you to navigate through any Prototyping Connections.

  If you are sharing your File via Public Link Access, anyone with the link will be able to view your Prototype. If the File isn't shared via Public Link Access, you will only need a free Figma account to view the File.

  We will display your designs inside a regular browser window, so the browser's header and footer will still be visible. This approach doesn't replicate a true "in-app" experience, so is better suited for mobile web designs.

  Figma Mirror app preview

  To better replicate an immersive app environment, you can use the Figma Mirror app, which allows you to preview a scaled version of your design.

  To use the Figma Mirror app, you will need to login to the Web or Desktop app, and the Mirror app, at the same time. Figma will show any Frame you select on the Web or Desktop app, in the Figma Mirror app.

  Note: The Mirror app will scale your content proportionately, to match the width of your device.

  The Figma Mirror app will work on either Wi-fi or cellular data. You don't need to connect to the same Wi-fi network to establish a connection between the two.

  1. Sign in to the desktop app, or desktop browser:
  2. Sign in to the Figma Mirror app using the same account:
  3. On the desktop, select the Frame you wish to view. You can select any top-level Frame or Component
  4. The Figma Mirror app will display the selected Frame.
     The Figma Mirror app will scale your content to the width of the device you are previewing it on.

  Using Figma Mirror in the Browser

  You can also access Figma Mirror via the browser. We recommend this approach if your device isn't supported or you want to preview designs in a web browser.

  1. Open the Figma Desktop app, or in a browser window.
  2. Open the File you want to preview.
  3. Open the mobile browser on your device.
  4. Visit https://www.figma.com/mirror
  5. Login using your account details.
  6. On the File, select the Frame you wish to preview.
  7. We will display the selected Frame in the Figma Mirror browser.

  Tip! You can enter full screen mode using

  • Mac:   Command Shift F
  • Windows:   Ctrl Shift F

  View Prototypes

  To get started, you will need to add Prototyping connections to your design. This lets us know how you want the design to respond when you interact with it.

  If you're new to Prototyping in Figma, we recommend reading the following articles:

  • For more information on Prototyping Interactions and Transitions, we recommend reading Getting Started with Prototyping.
  • To create your first Prototype, check out our Build Prototypes with Interactions and Animations article.

  1. Log into Figma and the Figma Mirror app under the same login details.
  2. On the desktop, open the File you want to Preview.
  3. Select the starting Frame of the Prototype:
     
     
  4. Figma will load the same Frame in the Figma Mirror app: 

     

  5. You can then interact with any Frames in that file with Prototyping connections.

  Troubleshooting

  If you are having trouble using the Figma Mirror app, we recommend the following:

  • Make sure you're using a device that is currently supported. Learn more in our Supported Platforms and Browsers article. 
  • Make sure you're logged into both the desktop version and Figma Mirror app under the same account. You may need to Sign out and Sign in again to confirm.
  • If you're running into issues while previewing, you may need to force quit the app and restart it on your device.
  • If problems persist, we recommend uninstalling the app and downloading it again. Find the Figma Mirror app in the Apple App Store or Google Play Store.

  If you're still having issues with using the Mirror App, please get in touch with the Figma Support Team.  Click the " ?" in the bottom-right corner of the app and select "Get Help". Or, send an email to support@figma.com.