Try FigJam, our new digital whiteboarding product for free! Missed the keynote? Read about it here.

    Guide to the Figma mobile app

    This app is in beta

    Figma's Mobile app is currently in beta available to the first 10,000 iPhone users and 10,000 Android users who download the app. Mobile will be available to the general public soon! Stay tuned to our Twitter and What's New page for updates. As this is a beta, you may experience issues which you can share with us.

    Watch a demo of the mobile app here:

    Download the mobile beta app

    The new Figma mobile app is available to download for the first 10,000 iPhone and first 10,000 Android users. Config 2021 attendees were given priority access to the beta. Check back later to join if spots in the beta are still available.

    Click the links below to get the app.

    Supported operating systems

    • iOS 14+ (mobile only)
    • Android 8+ (mobile only)

    Note

    The mobile beta app is currently not available for tablets. In the meantime, Figma Mirror app is still supported on both mobile and tablets. Learn more about Figma Mirror app →

    Quick guide

    Use the Mobile app to view files and interact with prototypes on your phone so that it appears like a real app. Mobile is also great to use if you're away from the computer or need to test your designs on a mobile device.

    Here are a few things you can do using Mobile:

    • Search files, prototypes, projects, and teams you have access to
    • Access and tap through prototypes
    • Open files to view designs
    • Mirror a selected frame from your computer's Figma app
    • Share links to files, prototypes, or projects
    • Navigate between workspaces
    • Favorite projects

    Please note that the Mobile app is a view and share-only experience. Currently, it's not possible to:

    • Edit files, prototypes, projects, or teams
    • Update your account settings
    • Manage billing, subscriptions, or permissions

    Find and open a file or prototype

    When you first open the mobile app, you'll see your recents prototypes and files. Use the tabs at the top of the app to switch between files and prototypes.

    Tap on a file or prototype to open and view it. There are a few ways to find a file or prototype:

    • The Recents tab displays files and prototypes you most recently opened
    • Open the Browse tab to look through your drafts, projects, and teams
    • Tap on the to search a file by name

    mobile - recents view.png

    View a file

    With a file open, hold and drag your finger across your screen to pan around a file. Use pinch-to-zoom to zoom in and out.

    The menu bar at the bottom of the screen contains the file's name and additional options to close, share file via link, navigate pages (design files only), or view prototype (design files only).

    mobile - file view

    View a prototype

    View a prototype to test interactions or to view static designs on a real device. If a prototype has no interactions, tap on the screen to navigate to the next frame.

    Prototypes have a hidden menu bar. To access it, press and hold the screen. The menu contains options to:

    • Close the prototype
    • Restart the prototype from the starting frame
    • View the file containing the prototype
    • Toggle hotspot hints
    • Share the prototype via link
    • Exit the prototype and return to the browser

    mobile - prototype settings

    Mirror

    If you're editing a Figma design file on your computer, use Mirror to preview any selected Frame and test out its prototyping interactions.

    Learn more about Mirror →

    Switch to a different workspace

    The Figma mobile app only displays one workspace at a time. If you have added a second account to Figma and can't find your files, it's possible they're in a different workspace. Tap the icon in the top-right corner to switch workspaces.

    mobile switch workspace

    Questions and feedback

    If you have feedback or questions on how to use the Mobile app, please post them in our Support Forum for Mobile.

    Related Videos

    • Enterprise deployment of Figma desktop app

      Who can use this feature

      Supported on any team or plan.

      This article is for IT administrators installing Figma on employee machines.

      To install Figma on your own device, please visit Figma's downloads page. Learn more about the Figma desktop app →

      MacOS

      Install directory

      • /Applications for system wide installation. All users will have access to Figma.
      • ~/Applications for a single user installation.

      Auto-update policy

      If you install to ~/Applications, users should be able to auto-update to the Figma app without needing special permissions. If you install to /Applications, users need to have write access to the Figma.app bundle directory for auto-updates.

      We recommend creating a permission group containing all relevant users and then making app directory writable by that group.

      For example: if you were to have a group called figma_group, you could use:

      chown -R :figma_group /Applications/Figma.app && chmod -R 755 /Applications/Figma.app

      Deploy Figma app

      You have two options for deployment:

      • If you allow write access to the Figma.app bundle, you can use the universal stub installer.
      • If you don't allow write access, you can download architecture specific builds.

      Universal stub installer

      The universal stub installer supports both Intel and Apple Silicon machines. Place the stub installer Figma.app in the Applications directory and it will automatically download and install the latest version of Figma on first launch.

      Download here: https://desktop.figma.com/mac-installer/Figma.zip

      Architecture specific builds

      If you don't allow write access to the Figma.app bundle, or can't use the stub installer for any reason, you can fetch architecture-specific builds instead.

      Here is the shell script to obtain the URLs:

      latest_version=$(curl -fsSL "https://desktop.figma.com/mac/version.txt")
      intel_url="https://desktop.figma.com/mac/Figma-${latest_version}.zip"
      apple_silicon_url="https://desktop.figma.com/mac-arm/Figma-${latest_version}.zip"

      The Figma app will not try to auto-update if the app directory is unwritable by the user. In this case, please note that we support desktop app versions only for up to 2 months. You must make sure to manually deploy updates to users in a timely manner. You can check the latest available version of the desktop app from version.txt.

      Windows

      Currently, Figma only supports enterprise deployment for macOS machines. Support for Windows deployment and detailed instructions coming soon!

      In the meantime, you could use the Windows installer. This installs the app into the %APPDATA%/Figma and makes sure it updates automatically.

      Download the Windows installer for 64-bit Intel/AMD systems:: https://desktop.figma.com/win/FigmaSetup.exe

      Please contact us if you need 64-bit ARM builds.

    • Download the Figma desktop app

      Before you start

      Who can use this feature

      Supported on any team or plan.

      macOS: Must be running 10.12 (macOS Sierra), or later.

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

      Learn more about Figma's browser requirements →

      The Figma desktop app gives you access to the same features and functionality as using Figma in a browser. You can also:

      Figma has desktop apps available for macOS and Windows. Download the Figma app for a more native Figma experience.

      Check your system requirements

      Check if your device meets the minimum operating system requirements for installing and using the Figma desktop app.

      macOS (Apple)

      The Figma desktop app is optimized for Macs with Intel and Apple Silicon (M1) processors.

      1. Head to the Apple menu in the top-left corner.
      2. Select About this Mac from the options.
      3. The version number will be displayed under the version name. You must be running 10.12 (macOS Sierra), or later.

      Tip! If you're using a Mac with an Apple Silicon (M1) processor, reinstall the Figma desktop app to upgrade to the supported version. Otherwise, the Figma desktop app will update itself to the supported version after May 27, 2021. 

      Windows

      1. Click the Start button.
      2. Enter Computer in the search field.
      3. Right-click and select Properties.
      4. Identify the version under the Windows edition field. You must be running Windows 8 or later in a 64-bit environment.

      Note: It's not possible to run the Figma desktop app behind a proxy. If you're using a proxy, you will need to use Figma in the browser instead.

      Download and install desktop apps

      1. Download Figma for desktop:
      2. Figma will download the desktop app to the location you have configured. Click on the downloaded file to run the installer.
      3. Move the Figma icon from the Downloads folder to your Applications folder.
      4. Delete the Installer from your Desktop or Downloads folder.
      5. Open the Figma app to get started.

      Note: Figma agent is a secure background service that Figma also installs when you install the desktop app. It allows Figma to access fonts on your computer, and open Figma links in the desktop app.

      Figma agent runs an HTTP and HTTPS server on localhost. It only allows connections from figma.com and isn't exposed to the public internet.

      You may see events related to the Figma agent in your console log or when monitoring activity on your computer. The loopback address for localhost resolves to 127.0.0.1.

      Beta version of the desktop app

      Figma also has a beta version of the desktop app available.

      By using the beta version of the app, you're helping Figma test bug fixes and performance improvements, before we release them to the general public. The beta version does not give you access to features Figma hasn't released yet.

      You can install and use the Figma desktop app and the beta version at the same time. Both versions of the desktop app will offer the same core features and functionality.

      You do not need to be logged into the same account on both versions.

      Download the beta version

      Caution: The beta version of the desktop app is a test environment. If you notice issues or behaviors that need our attention, please submit a bug report. Switch to the regular version of the desktop app if needed.

      1. Download the beta version of the Figma Desktop app:
      2. Figma will download the app to the location you have configured. Click on the downloaded file to run the installer.
      3. Move the Figma icon from the Downloads folder to your Applications folder.
      4. Delete the Installer from your Desktop or Downloads folder.
      5. Open the Figma Beta app to get started.

      Once installed, app icons display as Figma for the regular desktop app and Figma Beta for the beta version.

      Focus_view_tooltip.png

    • Download Figma Mirror for iOS and Android

      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 11.0.1 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.

      Image comparing a mobile browser preview and the preview in the Figma Mirror app

      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. Beta versions of mobile operating systems are not supported.

    • Color management in the desktop app

      Before you start

      Who can use this feature

      Anyone on any team or plan can manage their color profile in the desktop app.

      You can only use color management in the Figma desktop app.

      • 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 Figma's browser requirements.

      There are lots of terms used to describe color. The terms color space and color profile are often used interchangeably. In this article, we refer to the following definitions:

      • Color space: how an application or system implements a color model on a specific device.
      • Color profile: a standardized system for rendering colors.

      Figma can only export assets using the sRGB color profile.

      Figma in the browser

      In the browser, Figma uses a managed sRGB color profile. Figma will export any assets using the sRGB color profile. You can't change the color profile in the browser.

      Figma desktop app

      In the desktop app, your color profile can be managed or unmanaged.

      An unmanaged color profile lets you to use the color profile settings designated by your system's display settings. Your color space will be unmanaged by default.

      You also have the option to switch to the managed sRGB color profile. Having a managed color profile allows you to keep a consistent color space in both the browser and desktop app.

      Note: If you set your color space to Unmanaged, colors may render differently between team members or displays. Regardless of your desired color profile, Figma can only export assets using the sRGB color profile.

      Update your color space

      On the Figma desktop app, You can switch between using a managed (sRBG) or unmanaged color profile.

      You will need to restart Figma to apply these changes. Make sure you're connected to the internet and your changes are saved before updating.

      1. Open the Figma app.
      2. Click on 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.

      Image showing how to access the color management setting for the Figma desktop app on macOS

    • Adjust UI scale in the desktop app

      In the Figma desktop app, you can zoom in or out of the Figma interface to personalize your workspace.

      Scaling the size of the interface is useful if the default size is too small for your comfort or display.

      This includes the scale of the:

      • Sidebar in your file browser
      • Left and right sidebars in the Editor
      • Text size for the tools and icons in any panels, modals, and menus

      Keep in mind, increasing the scale of the interface will result in less working space in the canvas.

      Note: You'll need to use your browser's zoom settings to adjust the size of the Figma interface in the browser app.

      Adjust interface scale

      1. In the Desktop app, click View from the menu bar.
      2. Hover over the Interface Scale option:
      3. Choose to:
        • Reset to Default
        • Make Larger
        • Make Smaller

      Interface_Scale_menu.png

      Keyboard shortcuts

      macOS:

      • Reset to Default: Option - Command - 0
      • Make Larger: Option - Command - =
      • Make Smaller: Option - Command - -

      Windows:

      • Reset to Default: Ctrl + Alt + 0
      • Make Larger: Ctrl + Alt + =
      • Make Smaller: Ctrl + Alt + -

      Tip! To zoom in or out of objects in the canvas, learn about adjusting your view settings in the Editor.

    • Open links in the desktop app

      Before you start

      Who can use this feature

      Supported on any Figma team or plan

      Mac: Must be running 10.11 (OS X El Capitan) or later.

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

      View minimum browser requirements for Figma →

      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?

      Open_in_app.png

      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.

    Connect, share, and learn from a global community of Figma users

    Join the Support forum