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.13 (macOS High 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.13 (macOS High 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.

  

  Desktop notifications

  Get Figma notifications from the Menu Bar on Mac or the System Tray on Windows. Notifications keep you in loop with your Figma files, Community activity, comments, and more.
  Available on the desktop app only.

  Learn more about notifications →

  

• Guide to the Figma mobile app

  Before you start

  Who can use this feature

  Supported on any team or plan.

  Anyone with can view access can view files and prototypes and leave comments.

  Anyone with can edit access can mirror frames from their desktop.

  The Figma mobile app lets you access your files and test prototypes from anywhere. You can also share files, browse multiple workspaces, and mirror frames from your desktop to your mobile device.

  

  Use the Figma mobile app to:

  • Search, browse, and view files and prototypes
  • Present and test prototypes without being tethered to your desktop
  • Comment on files and prototypes
  • Mirror selected frames from your desktop to a mobile device
  • Edit FigJam files
  • Navigate teams and projects
  • Mark files and projects as favorites for fast access
  • Stay in the loop when working outside of Figma with push notifications

  Note: It's not possible to edit Figma design files using the mobile app.

  Download the mobile app

  The Figma mobile app isn't supported on beta versions of the iOS or Android operating system. Make sure your device is on the latest stable version.

  Use the following links or QR codes to install the Figma mobile app:

  • Figma for iOS: Supported on Apple iPhone and iPad running iOS 15 or later
  • Figma for Android: Supported on Android phones and tablets running Android 8 or later

  

  

  Note: The Figma mobile app isn’t supported on beta versions of iOS or Android operating systems.

  Log in to Figma

  Log in to your Figma account using any of these methods:

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

  Having trouble logging in on your iPad? Make sure you enable cookies for Safari. Go to Settings > Safari > Privacy & Security and disable Block all cookies. If that doesn't work, try logging in to your account in the Safari browser first, then open the Figma app.

  Switch to a different organization

  The Figma mobile app only displays files from one organization at a time. If your account is part of a Figma Organization and you can't find your files, it's possible they're in a different organization or account. Tap your organization's logo in the top-right corner to switch to another organization.

  Learn more about switching between accounts →

  Note: It's not currently possible to switch between Figma accounts in the mobile app. You'll need to log out and sign in again using another account.

  Set preferred language

  The Figma mobile app currently supports English and Japanese. You can change the language displayed in the Figma mobile app by updating the preferred language in your mobile device settings. Change your language preference →

  Browse and search files

  When you open the Figma mobile app, you'll see your recent Prototypes and Files organized in their own section.

  

  There are a couple ways to find a file or prototype:

  • Browse the Recents tab to view the files and prototypes you most recently opened
  • Click See all for a section to browse all your files or prototypes
  • Use the Search tab to find a specific file for prototype by name. You can also browse through the files you starred using the Figma desktop or browser apps

  Note: You cannot star or unstar files from the Figma mobile app.

  Tap on a file or prototype to open and view it.

  View a file

  With a file open:

  • Hold and drag your finger across your screen to pan around the file's canvas
  • Pinch the screen with two fingers to zoom in and out of the canvas
  • Long-press a location on the canvas to add a comment

  You can also:

  • Press to close the file
  • Press to navigate between pages in a file
  • Press to present a prototype
  • Press to show and hide comments
  • Press to copy the file link and view sharing options

  

  Edit FigJam files

  You're able to view and edit FigJam files using the Figma app on an iPad running iOS 15 or later.

  Learn more about FigJam for iPad →

  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 with two fingers. The menu contains options to:

  • Switch between flow starting points
  • Restart the prototype from the flow's starting frame
  • View the file for the prototype
  • Turn comments on and off
  • Toggle hotspot hints
  • Share the prototype link
  • Exit the prototype and return to the Recent tab

  

  Learn how to view prototypes on a mobile device →

  Comment on files and prototypes

  

  • Long-press any area of the canvas or prototype to add a comment.
  • Tap next to a comment to share it, mark it as unread, or add a reaction to it. You can also delete and edit comments you made.
  • Tap to resolve a comment you added.
  • Tap in the bottom navigation bar to turn comments on and off. In a prototype, press and hold with two fingers, then select Turn comments off.

  Tip! Long-press on the text in a comment to add a reaction.

  Mirror frames

  Use the Mirror tab of the mobile app to view frames that are selected in the file on your desktop.

  • View real-time edits to a frame on a mobile device
  • Preview how assets in your design look scaled to a device screen

  Learn how to mirror frames on a mobile device →

  Push notifications

  Stay up-to-date with mobile push notifications, even when you’re working outside of Figma. Push notifications are enabled by default.

  To manage push notifications in the Figma mobile app:

  1. Tap your organization’s logo in the top-right corner.
  2. Tap Notifications.
  3. Use the settings to configure your push notification preferences

  Visit the Figma Forum to ask questions, share feedback, and connect with the Figma community!

• 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: ⌥ Option⇧ Shift⌘ Command0
  • Make Larger: ⌥ Option⇧ Shift⌘ Command=
  • Make Smaller: ⌥ Option⇧ Shift⌘ Command-

  Windows:

  • Reset to Default: CtrlShiftAlt0
  • Make Larger: CtrlShiftAlt=
  • Make Smaller: CtrlShiftAlt-

  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.

  Mac:

  1. Open the Figma app.
  2. Click on the Figma dropdown menu.
  3. Select Preferences.
  4. Select Color Space from the options.
  5. Choose between sRGB or Unmanaged:
  6. Restart the Figma application to apply your changes.

  

  Windows:

  1. Open the Figma app.
  2. Click on the settings dropdown menu.
  3. Select Preferences.
  4. Select Color Space.
  5. Choose between sRGB or Unmanaged:
  6. 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.