Related Videos

• Guide to 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 →

  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.

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

  • Develop plugins and widgets for your organization or the Figma Community
  • Access and use fonts installed on your device, without needing the font installer

  Download the Figma desktop app

  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:
     • Download Figma for macOS
     • Download Figma for Windows
  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:
     • Beta version of desktop app for macOS
     • Beta version of desktop app for Windows
  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.

  

  Log in to Figma

  Log in to your Figma account using:

  • Email address and password
  • Google Single Sign On
  • Third-party identity provider (SAML SSO)

  File browser

  When you open the Figma desktop app, you’ll see the file browser where you can explore and access drafts, teams, and resources in your account. Learn more about the file browser and exploring your account →
  

  You can navigate between the file browser and any files you’re viewing. Click to open the file browser for the current workspace. You can also click in the top right of the navigation bar to view your recently closed files.

  

  When viewing the Community through the desktop app, you can navigate back and forward using the arrow keys.

  

  View files and prototypes

  Viewing a file or prototype opens up a tab in the desktop app’s navigation bar. You can easily differentiate between Figma, FigJam, and prototype file types with default favicons next to the file name.

  Emojis in file names are supported and will be used in the tab instead of the default favicon if it is included in the beginning your file name.

  

  Manage tabs

  You can pin a tab to the navigation bar by right-clicking it and selecting Pin tab from the menu. A favicon will be used to indicate the pinned tab. Hover over the pinned tab to view the full file name.

  To unpin a tab, right-click on the tab and select Unpin tab.

  

  The right-click menu has additional options for managing your tabs:

  • Close other tabs - Closes other tabs except for the currently selected tab, including pinned tabs.
  • Close all tabs - Closes all tabs including the currently selected tab.

  Multiple windows

  Multiple windows are supported in the desktop app. Click and drag a tab out of the current window to open a new one. You can also drag tabs between your open windows.

  

• Open links in the desktop app

  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?

  

  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:

  If you choose 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

  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 toolbar.
  2. Select Open in desktop app from the options:
  3. Figma will open the desktop app and load the file.

  Note: You 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 desktop 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.
• Adjust the scale of the Figma UI

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

  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.

  Adjust interface scale

  Browser app

  If you want to adjust the size of the Figma interface in a browser, you can do so from the browser's View menu.

  1. Open a Figma design file.
  2. Click View from the browser's toolbar at the top of your window.
  3. Click Zoom. These steps may vary slightly between supported browsers.

  To revert your browser's zoom to 100%, click Actual size in the View menu.

  Desktop app

  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

  

  Keyboard shortcuts

  Mac:

  • Reset to Default: OptionCommand0
  • Make Larger: OptionCommand=
  • Make Smaller: OptionCommand-

  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.

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

  

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